JS实现的加减乘除四则运算计算器示例

本文实例讲述了射流研究…实现超级简易的加减乘除四则运算计算器。分享给大家供大家参考，具体如下：

先来看看运行效果：

具体代码如下：

！DOCTYPE html html head meta charset=' UTF-8 '标题简单的计算器(www .JB 51。net)/标题样式正文{ margin : 0；} .选项卡{ border: 3px纯黑；边界半径： 2px边框塌陷：宽度： 268像素；高： 402pxmargin: 20px自动；} .tr { height: 67px宽度： 268像素；border: 3px纯黑；文本对齐：右侧；} .tr1 {宽度： 268px高度： 67pxborder: 3px纯黑；文本对齐：中心；} .tr2 { width: 67px高度： 67pxborder: 3px纯黑；文本对齐：中心；}/样式脚本var s1=var s2=var s3=var s4=var s5=函数视图(val){ var a=文档。getelementbyid(val)；S1=a . innerhtml if(S1==' ' | | S1=='-' | | S1==' * ' | | S1==' |='/'){ S3=S1；S1=} if(S3==' ' | | S3=='-' | | S3==' * ' | | S3==' | '='/'){ add 2(S1)；} if(S3==' '){ add 1(S1)；} }函数加1(S1){ S2=S2S1；show()；}函数加2(S1){ S4=S4S1；show()；}函数cal(){ switch(S3){ case ' ' : { S5=(String)((parseFloat(S2)parseFloat(S4))} .toFixed(2))；result.innerHTML=s5打破；}大小写'-' : { S5=(字符串)((parseFloat(S2)-parseFloat(S4)).toFixed(2))；result.innerHTML=s5打破；}大小写*”: { S5=(字符串)((parseFloat(S2)* parseFloat(S4)).toFixed(2))；result.innerHTML=s5打破；}大小写“/”: { S5=(字符串)((parseFloat(S2)/parseFloat(S4)).toFixed(2))；result.innerHTML=s5打破；} } }函数show(){ var result=文档。getelementbyid(' result ')；result . innerhtml=S2 S3 S4 }/script/head body table class=' tab ' tr class=' tr2 ' TD col span=' 4 '简易计算器/TD/tr class=' tr ' TD id=' result ' col span=' 4 '/TD/tr TD id=' class=' tr1 ' onclick=' view(')'/TD id='-' class=' tr1 ' onclick=' view('-')'-/TD TD TD id=' * class=' tr1 ' onclick=' view '(*)' */TD TD TD id='/' class=' tr1 ' onclick=' view('/')'//TD/tr TD id=' class=' tr1 ' onclick=' view '(. ')'./TD/tr TD id=' 1 ' class=' tr1 ' onclick=' view(' 1 ')' 1/TD TD id=' 2 ' class=' tr1 ' onclick=' view(' 2 ')' 2/TD TD TD id=' 3 ' class=' tr1 ' onclick=' view(' 3 ')3/TD TD TD TD id=' class=' tr1 ' onclick=' cal()'=/TD/tr/table/body/html对于这个程序来说，判断的顺序非常重要，不然就会把' '号存在s2，s4中而不是s3中。

PS:这里再为大家推荐几款计算工具供大家进一步参考借鉴：

在线一元函数（方程)求解计算工具：http://工具。JB 51。net/jisuanqi/equ _ jisuanqi

科学计算器在线使用_高级计算器在线计算：http://工具。JB 51。net/jis uan qi/jsqkexue

在线计算器_标准计算器：http://工具。JB 51。net/jis uan qi/jsq

更多对JavaScript相关内容感兴趣的读者可以查看本网站专题：《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》和0103010

希望本文对JavaScript编程有所帮助。