用dw写php计算器,JS实现的简单四则运算计算器功能示例

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

先来看看运行效果：

具体代码如下：

www.jb51.net 计算器 Calculator

var 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：这里再为大家推荐几款计算工具供大家进一步参考借鉴：

在线一元函数(方程)求解计算工具：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程序设计有所帮助。

时间： 2017-09-26