中岁颇好道,晚家南山陲。兴来美独往,胜事空自知。一些风景再好,终不属于自己;有些情感,路过交错,已然是最好的结局。
本文实例讲述了JavaScript实现简单的四则运算计算器。分享给大家供大家参考,具体如下:
运行效果图如下:
完整实例代码如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>computer</title> <script> function compute(){ str1=Number(document.getElementById("txt1").value); str2=Number(document.getElementById("txt2").value); comp=document.getElementById("select").value; var result; switch(comp) { case "+": comp=str1+str2; break; case "-": comp=str1-str2; break; case "*": comp=str1*str2; break; case "/": if(str2==0){ alert("除数不能为0!"); comp=''; }else{ comp=str1/str2; } break; } document.getElementById("result").value=comp; } </script> </head> <body> <input type="text" id="txt1"/> <select name="method" id="select"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type="text" id="txt2"/> <input type="button" id="b1" value="等于" onclick="compute()" /> <input type="text" id="result"/> </body> </html>
PS:这里再为大家推荐几款计算工具供大家进一步参考借鉴:
在线一元函数(方程)求解计算工具:
http://tools.haodaima.com/jisuanqi/equ_jisuanqi
科学计算器在线使用_高级计算器在线计算:
http://tools.haodaima.com/jisuanqi/jsqkexue
在线计算器_标准计算器:
http://tools.haodaima.com/jisuanqi/jsq
希望本文所述对大家JavaScript程序设计有所帮助。
本文JavaScript实现简单的四则运算计算器完整实例到此结束。吸取教训是健康的做法,这是个人成长过程中的必要环节。悔恨则是一种不健康的心理。这是白白浪费自我目前的精力。小编再次感谢大家对我们的支持!