- 时间：2020-02-28 02:51 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：javascript写的简单的计算器，内容很多，方法实用，推荐
最近用javascript写了一个简单的计算器，自己测试感觉还好，先给大家观赏下界面：
[img]http://files.jb51.net/upload/201112/20111229000710230.jpg[/img]
界面就是这样了，但是功能如何呢？
现在只是个简单的标准计算器，能进行加减乘除连续运算，以及求余运算。如果发生被除数为零的错误，下面会给出提示，就像这样：
[img]http://files.jb51.net/upload/201112/20111229000710489.jpg[/img]
自己不知道写的怎么样，但是对于新手来说，这肯定是一份大餐，里面可以接触到的东西不少，可以拿来学习。如果有高手看出里面的疏漏、错误等望不吝赐教，给予指点。
下面贴上代码，希望里面的注释足够多了。
js部分：
[url=http://www.cnblogs.com/imyeah/]
<form name="calculator" action="" method="get">
<div id="calcu-screen">
<!--配置显示窗口，使用onfocus="this.blur();"避免键盘输入-->
<input type="text" name="numScreen" class="screen" value="0" onfocus="this.blur();" />
</div>
<div id="calcu-btn">
<ul> <!--配置按钮-->
<li onclick="command(7)">7</li>
<li onclick="command(8)">8</li>
<li onclick="command(9)">9</li>
<li class="tool" onclick="del()">←</li>
<li class="tool" onclick="clearscreen()">C</li>
<li onclick="command(4)">4</li>
<li onclick="command(5)">5</li>
<li onclick="command(6)">6</li>
<li class="tool" onclick="times()">×</li>
<li class="tool" onclick="divide()">÷</li>
<li onclick="command(1)">1</li>
<li onclick="command(2)">2</li>
<li onclick="command(3)">3</li>
<li class="tool" onclick="plus()">+</li>
<li class="tool" onclick="minus()">-</li>
<li onclick="command(0)">0</li>
<li onclick="dzero()">00</li>
<li onclick="dot()">.</li>
<li class="tool" onclick="persent()">%</li>
<li class="tool" onclick="equal()">=</li>
</ul>
</div>
<div id="calcu-foot">
<span id="note"></span>
<span class="welcome">欢迎使用javascript计算器！<a href="http://www.cnblogs.com/imyeah" target="_blank">反馈</a></span>
</div>
</form>
</div>
</body>
</html>
[b]PS：这里再为大家推荐两款本站的在线计算器，都是采用js实现，且功能强大，相信对于大家深入了解JavaScript数学运算及web设计会有所帮助：[/b]
[b]在线标准计算器：[/b]http://tools.jb51.net/jisuanqi/jsq[/url]
[b]在线科学计算器：[/b][url=http://tools.jb51.net/jisuanqi/jsqkexue]http://tools.jb51.net/jisuanqi/jsqkexue[/url]
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
