宝哥软件园

JavaScript实现的超简单计算器功能示例

编辑:宝哥软件园 来源:互联网 时间:2021-09-01

本文实例讲述了Java脚本语言实现的超简单计算器功能。分享给大家供大家参考,具体如下:

先来看看运行效果:

具体代码:

!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' titlewww.jb51.net JS计算器/title脚本类型=' text/JavaScript '/window。装载获取元素getElementById窗口。onload=function(){ var otx t1=document。getElementById(' val 01 ');var otx T2=文档。getelementbyid(' val 02 ');郝的var=文档。getelementbyid('付豪');//这三个要放在按钮函数里面,因为s1。价值是获取投入里面的输入,但是这个时候还没有输入了//var inum 1=otx t1。价值;//var inum 2=otx T2。价值;um3中的var=郝。价值;oBtn=文档。getelementbyid(' BTN ');//计算按钮点击事件奥宾。onclick=function(){ var inum 1=otx t1。价值;var inum 2=otx T2。价值;郝的m3=中的var。价值;var iResult//如果两个输入有一个是空的话//返回是让如果里面执行结束if (iNum1=='' || iNum2=='') { alert('不能为空');返回;}//isNaN()如果是没错,说明是非数字,所以如果两个输入中有非数字,就提示警报if(ISnan(inum 1)| | ISnan(inum 2)){ 0警报('不能有字母');返回;}//对-*/四个操作对应的价值进行判断//如果直接分钟一分钟2分钟输出的结果是字符串的拼接12 24 1224 所以要转换成parseInt整数if(inum 3==0){ iResult=parseInt(inum 1)parseInt(inum 2)} else if(inum 3==1){ iResult=parseInt(inum 1)-parseInt(inum 2)} else if(inum 3==2){ iResult=parseInt(inum 1)* parseInt(inum 2)} else if(inum 3==3){ iResult=parseInt(inum 1)/parseInt(inum 2)} alert(iResult);} }/脚本/流浆池h3计算器/h3输入类型='text' id='val01 '选择id='付豪'选项值=' 0 '/选项值=' 1 '-/选项选项值=' 2 ' */选项值='3'/选项/选择输入类型='text' id='val02 '输入类型='button' id='btn '值='计算/body/htmlPS:这里再为大家推荐几款计算工具供大家进一步参考借鉴:

在线一元函数(方程)求解计算工具: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操作DOM技巧总结》 及《JavaScript字符与字符串操作技巧总结》

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

更多资讯
游戏推荐
更多+