本文实例讲述了JavaScript实现的超简单计算器功能。分享给大家供大家参考,具体如下:
先来看看运行效果:
具体代码:
& lt; !DOCTYPE html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> www.jb51.net JS计算器& lt;/title>
& lt;脚本type=" text/javascript祝辞//窗口。onload获取元素getElementById
窗口。onload=function () {
var oTxt1=. getelementbyid (“val01”);
var oTxt2=. getelementbyid (“val02”);
var oFuhao=. getelementbyid (“fuhao”);//这三个要放在按钮函数里面,因为s1.value是获取输入里面的输入,但是这个时候还没有输入了//var iNum1=oTxt1.value;//var iNum2=oTxt2.value;//var iNum3=oFuhao.value;
oBtn=. getelementbyid (btn);//计算按钮点击事件
oBtn。onclick=function () {
var iNum1=oTxt1.value;
var iNum2=oTxt2.value;
var iNum3=oFuhao.value;
var iResult;//如果两个输入有一个是空的话//返回是让如果里面执行结束
如果(iNum1==| | iNum2==") {
alert('不能为空的);
返回;
}//isNaN()如果是真的,说明是非数字,所以如果两个输入中有非数字,就提示警告
如果(isNaN (iNum1) | | isNaN (iNum2)) {
alert('不能有字母”);
返回;
}//对+ - */四个操作对应的值进行判断//如果直接iNum1 + iNum2输出的结果是字符串的拼接12 + 24 1224所以要转换成方法用于整数
如果(iNum3==0) {
iResult=方法(iNum1) +方法(iNum2)
}
else if (iNum3==1) {
iResult=方法(iNum1)方法(iNum2)
}
else if (iNum3==2) {
iResult=方法(iNum1) *方法(iNum2)
}
else if (iNum3==3) {
iResult=方法(iNum1)/方法(iNum2)
}
警报(iResult);
}
}
& lt;/script>
& lt;/head>
& lt; body>
& lt; h4>计算器& lt;/h4>
& lt;输入类型="文本" id=皏al01”比;
& lt;选择id=癴uhao”比;
& lt;选项值=" https://www.yisu.com/zixun/0 "祝辞+ & lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/1 "祝辞& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/2 "祝辞* & lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/3 "祝辞/& lt;/option>
& lt;/select>
& lt;输入类型="文本" id=皏al02”比;
& lt;输入类型="按钮" id=" btn " value=" https://www.yisu.com/zixun/计算“比;
& lt;/body>
& lt;/html>
之前
http://tools.jb51.net/jisuanqi/equ_jisuanqi
http://tools.jb51.net/jisuanqi/jsqkexue
http://tools.jb51.net/jisuanqi/jsq
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数学运算用法总结》,《JavaScript数据结构与算法技巧总结》,《JavaScript数组操作技巧总结》,《JavaScript事件相关操作与技巧大全》,《JavaScript操作DOM技巧总结》及《JavaScript字符与字符串操作技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
