您好,欢迎来到朝湓教育网。
搜索
您的当前位置:首页JS实现简单的四则运算

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中。

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

Vue作用域插槽使用详解

JS实现评价星级

Copyright © 2019- chaopen.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务