简单快速的实现js计算器功能       这篇文章主要教大家如何快速简单的实现js计算器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

在js的全局方法中有一个eval()方法，由于平时不怎么用，所以到关键时候就没想起来它

想写一个简易的计算器，本来以为要不了多久就能写出来的，谁知道愣是花费了我近两个小时的时间来写，但结果还是不能令我满意。想找一个更好的方法来写，不想写的那么麻烦，用什么方法呢？想了一个遍，后来猛然看到屏幕上有一个eval(),当时我的电脑正打开着网页。福星来了，对啊，我浪费了这么长时间写出来的东西还不能令我满意，一个eval()不就搞定了么，下面就给大家看一下我写的代码，写的很粗糙，还请大家多多指正。

 !DOCTYPE html 
 html 
 head 
 meta charset="UTF-8" 
 title /title 
 style type="text/css" 
 .box{ 
 width: 400px; 
 height: 450px; 
 margin: 0 auto; 
 background: pink; 
 .show{ 
 width:100%; 
 height: 100px; 
 line-height: 100px; 
 text-align: right; 
 background: #FFFFFF; 
 border:1px solid #000; 
 .operate{ 
 width: 100%; 
 height: 250px; 
 margin-top: 50px; 
 margin-top: 20px; 
 text-align: center; 
 input{ 
 width: 80px; 
 height: 40px; 
 /*margin-left: 50px;*/ 
 text-align: center; 
 input:nth-child(5n),input:first-child{ 
 margin-left: 0; 
 /style 
 /head 
 body 
 div 
 div id="show" /div 
 div 
 input type="button" name="one" id="one" value="1" / 
 input type="button" name="two" id="two" value="2" / 
 input type="button" name="three" id="three" value="3" / 
 input type="button" name="plus" id="plus" value="+" / 
 input type="button" name="four" id="four" value="4" / 
 input type="button" name="five" id="five" value="5" / 
 input type="button" name="six" id="six" value="6" / 
 input type="button" name="reduce" id="reduce" value="-" / 
 input type="button" name="seven" id="seven" value="7" / 
 input type="button" name="eight" id="eight" value="8" / 
 input type="button" name="nine" id="nine" value="9" / 
 input type="button" name="times" id="times" value="x" / 
 input type="button" name="divide" id="divide" value="/" / 
 input type="button" name="zero" id="zero" value="0" / 
 input type="button" name="equal" id="equal" value="=" / 
 input type="button" name="mod" id="mod" value="%" / 
 /div 
 /div 
 /body 
 script type="text/javascript" 
 function num(figure){ 
// var figure = figure.toString(); 
 var show = document.getElementById("show"); 
 showNum = show.innerHTML+figure; 
 show.innerHTML = showNum; 
 function equal(){ 
 document.getElementById("show").innerHTML = eval(document.getElementById("show").innerHTML); 
 /*var lal = document.getElementById("show").innerHTML; 
 alert(lal);*/ 
 /script 
 /html 

关于计算器的精彩文章请查看 ，更多精彩等你来发现！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持凡科。