JS实现简单的四则运算

这次给大家带来JS实现简单的四则运算，JS实现简单四则运算的注意事项有哪些，下面就是实战案例，一起来看一下。

具体代码如下：

<table class="tab">
    <tbody>
        <tr class="tr2">   
            <td colspan="4">
                简易计算器
            </td>
        </tr> 
        <tr class="tr">             
            <td id="result" colspan="4">                
            </td> 
        </tr> 
        <tr>             
            <td id="+" class="tr1">
                +
            </td> 
            <td id="-" class="tr1">
                -
            </td> 
            <td id="*" class="tr1">
                *
            </td> 
            <td id="/" class="tr1">
                /
            </td> 
        </tr> 
        <tr>            
            <td id="7" class="tr1">
                7
            </td>
            <td id="8" class="tr1">
                8
            </td>
            <td id="9" class="tr1">
                9
            </td>
            <td id="0" class="tr1">
                0
            </td>
        </tr>
        <tr>            
          <td id="4" class="tr1">
                4
            </td> 
            <td id="5" class="tr1">
                5
            </td> 
            <td id="6" class="tr1">
                6
            </td> 
            <td id="." class="tr1">
                .
            </td> 
        </tr> 
        <tr>             
            <td id="1" class="tr1">
                1
            </td> 
            <td id="2" class="tr1">
                2
            </td> 
            <td id="3" class="tr1">
                3
            </td> 
            <td id="=" class="tr1">
                =
            </td> 
        </tr>
    </tbody>
</table>

简易计算器
+	-	*	/
7	8	9	0
4	5	6	.
1	2	3	=

对于这个程序来说，判断的顺序非常重要，不然就会把"+"号存在s2，s4中而不是s3中。

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

Vue作用域插槽使用详解

JS实现评价星级

以上是JS实现简单的四则运算的详细内容。更多信息请关注PHP中文网其他相关文章！