JavaScript实现简单的四则运算计算器完整实例

本文实例讲述了Java脚本语言实现简单的四则运算计算器。分享给大家供大家参考，具体如下：

运行效果图如下：

完整实例代码如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title计算机/title脚本函数compute(){ str 1=Number(document。getelementbyid(' txt 1 ').值);字符串2=数字(文档。getelementbyid(' txt 2 ').值);comp=文档。getelementbyid(' select ').价值；定义变量结果；开关(comp){ case ' ' : comp=ST R1 str 2；打破；案例'-' : comp=圣R1-圣R2；打破；案例' * ' : comp=str1 * str2打破；case '/': if(str2==0){ alert('除数不能为0!');comp=} else { comp=圣R1/圣R2；} break}文档。getelementbyid(' result ').值=comp }/脚本/流浆池输入类型=' text ' id=' txt 1 '/select name=' method ' id=' select '选项值=' '/选项值='-'-/选项值=' * */选项值='/'//选项/选择输入类型='text' id='txt2'/输入类型='button' id='b1 '值='等于onclick=' compute()'/input type=' text ' id=' result '/body/HTMl:这里再为大家推荐几款计算工具供大家进一步参考借鉴：

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

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

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

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

希望本文所述对大家Java脚本语言程序设计有所帮助。