本文实例讲述了JS实现的简单四则运算计算器功能。分享给大家供大家参考,具体如下:
先来看看运行效果:
具体代码如下:
www.jb51.net 计算器 Calculatorvar numresult;
var str;
function onclicknum(nums) {
str = document.getElementById("nummessege");
str.value = str.value + nums;
}
function onclickclear() {
str = document.getElementById("nummessege");
str.value = "";
}
function onclickresult() {
str = document.getElementById("nummessege");
numresult = eval(str.value);
str.value = numresult;
}
style="height: 350px; width: 270px">
style="height: 90px; width: 350px; font-size: 50px" />
style="height: 70px; width: 90px; font-size: 35px">
style="height: 70px; width: 90px; font-size: 35px">
style="height: 70px; width: 90px; font-size: 35px">
style="height: 70px; width: 90px; font-size: 35px">
style="height: 70px; width: 90px; font-size: 35px">
style="height: 70px; width: 90px; font-size: 35px">
style="height: 70px; width: 90px; font-size: 35px">
style="height: 70px; width: 90px; font-size: 35px">
style="height: 70px; width: 90px; font-size: 35px">
style="height: 70px; width: 90px; font-size: 35px">
style="height: 70px; width: 90px; font-size: 35px">
style="height: 70px; width: 90px; font-size: 35px">
style="height: 70px; width: 190px; font-size: 35px">
style="height: 70px; width: 90px; font-size: 35px">
οnclick="onclicknum('/')"
style="height: 70px; width: 90px; font-size: 35px">
οnclick="onclickclear()"
style="height: 70px; width: 190px; font-size: 35px" />
οnclick="onclickresult()"
style="height: 70px; width: 190px; font-size: 35px" />
PS:这里再为大家推荐几款计算工具供大家进一步参考借鉴:
希望本文所述对大家JavaScript程序设计有所帮助。