本文实例讲述了JS实现的简单四则运算计算器功能。分享给大家供大家参考,具体如下:
先来看看运行效果:
具体代码如下:
& lt; !DOCTYPE html>
& lt; html>
& lt;元名称=? type”内容=" text/html;charset=utf - 8”比;
& lt; head>
& lt; title> www.jb51.net计算器Calculator
& lt; !——将按键内容以字符串形式存储在文字框中当按钮为“=笔?调用eval方法计算结果然后将结果输出文字框中——比;
& lt;脚本type=" text/javascript祝辞
var numresult;
var str;
功能比;
& lt; !——定义按键表格,每个按键对应一个事件触发——比;
& lt;表边界=?”=爸行摹北尘?对齐“# bbff77”
比;
& lt; tr>
& lt; td colspan=?”比;
& lt;输入类型="文本" id=皀ummessege”/比;
& lt;/td>
& lt;/tr>
& lt; tr>
& lt; td>
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/1 " id=" 1 "
比;
& lt;/td>
& lt; td>
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/2 " id=?”
比;
& lt;/td>
& lt; td>
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/3 " id=?”
比;
& lt;/td>
& lt; td>
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/+ " id=疤砑印?
比;
& lt;/td>
& lt;/tr>
& lt; tr>
& lt; td>
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/4 " id=?”
比;
& lt;/td>
& lt; td>
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/5 " id=?”
比;
& lt;/td>
& lt; td>
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/6 " id=?”
比;
& lt;/td>
& lt; td>
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/- " id=白印?
比;
& lt;/td>
& lt;/tr>
& lt; tr>
& lt; td>
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/7 " id=?”
比;
& lt;/td>
& lt; td>
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/8 " id=?”
比;
& lt;/td>
& lt; td>
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/9 " id=?”
比;
& lt;/td>
& lt; td>
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/* " id=癿ul”
比;
& lt;/td>
& lt;/tr>
& lt; tr>
& lt; td colspan=?”在
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/0 " id=" 0 "
比;
& lt;/td>
& lt; td>
& lt;输入类型=" button " value=" https://www.yisu.com/zixun/" id=暗恪?
比;
& lt;/td>
& lt; td>
& lt;输入类型="按钮" value=" https://www.yisu.com/" id=安棵拧?
比;
& lt;/td>
& lt;/tr>
& lt; tr>
& lt; td colspan=?”在
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/Del " id=扒逦?比;
& lt;/td>
& lt; td colspan=?”在
& lt;输入类型=鞍磁ァ眝aluehttps://www.yisu.com/zixun/="=" id="结果"/比;
& lt;/td>
& lt;/tr>
& lt;/table>
& 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程序设计有所帮助。
