html制作计算器val,JavaScript实现的超简单计算器功能示例

本文实例讲述了JavaScript实现的超简单计算器功能。分享给大家供大家参考，具体如下：

先来看看运行效果：

具体代码：

www.ddpool.cn JS计算器

// window.onload 获取元素getElementById

window.onload = function(){

var oTxt1 = document.getElementById('val01');

var oTxt2 = document.getElementById('val02');

var oFuhao = document.getElementById('fuhao');

// 这三个要放在button函数里面，因为s1.value是获取input里面的输入，但是这个时候还没有输入了

// var iNum1 = oTxt1.value;

// var iNum2 = oTxt2.value;

// var iNum3 = oFuhao.value;

oBtn = document.getElementById('btn');

// 计算按钮点击事件

oBtn.onclick = function(){

var iNum1 = oTxt1.value;

var iNum2 = oTxt2.value;

var iNum3 = oFuhao.value;

var iResult;

//如果两个输入有一个是空的话　　　　　　　　　　//return是让if里面执行结束

if (iNum1=='' || iNum2=='') {

alert('不能为空');

return;

}　　　　　　　　　　//isNaN() 如果是true，说明是非数字，所以如果两个输入中有非数字，就提示alert

if (isNaN(iNum1) || isNaN(iNum2)) {

alert('不能有字母');

return;

}　　　　　　　　　　//对+-*/四个操作对应的value进行判断　　　　　　　　　　//如果直接iNum1+iNum2 输出的结果是字符串的拼接 12+24 1224 所以要转换成parseInt整数

if (iNum3 == 0) {

iResult = parseInt(iNum1) + parseInt(iNum2)

}

else if (iNum3 == 1) {

iResult = parseInt(iNum1) - parseInt(iNum2)

}

else if (iNum3 == 2) {

iResult = parseInt(iNum1) * parseInt(iNum2)

}

else if (iNum3 == 3) {

iResult = parseInt(iNum1)/parseInt(iNum2)

}

alert(iResult);

}

}

计算器

+

-

*

/

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

在线一元函数(方程)求解计算工具：http://tools.ddpool.cn/jisuanqi/equ_jisuanqi

科学计算器在线使用_高级计算器在线计算：http://tools.ddpool.cn/jisuanqi/jsqkexue

在线计算器_标准计算器：http://tools.ddpool.cn/jisuanqi/jsq

希望本文所述对大家JavaScript程序设计有所帮助。