当前位置：首页 > 资讯 > 技术文档

用JS写的简单的计算器实现代码

时间：2020-01-09 15:26 编辑：来源：阅读：
扫一扫，手机访问

摘要：用JS写的简单的计算器实现代码

[img]http://images.blogcn.com/2009/8/21/7/etongchina,20090821195706091.jpg[/img] 1.本页效果图片 [img]http://images.blogcn.com/2009/8/21/7/etongchina,20090821195706171.jpg[/img] 2.美化后的效果

<div id="main"> 
<div> 
<span class="outbutton tcenter">etongchina@gmail.com</span> 
</div> 
<div> 
<span><input class="outbutton" id="output" maxlength="9" type="text" value="."></span> 
</div> 
<div> 
<span><input class="inbutton" onclick="commonMath.getValue(this.value)" type="button" value="7"></span> 
<span><input class="inbutton" onclick="commonMath.getValue(this.value)" type="button" value="8"></span> 
<span><input class="inbutton" onclick="commonMath.getValue(this.value)" type="button" value="9"></span> 
<span><input class="inbutton" onclick="commonMath.getValue(this.value)" type="button" value="+"></span> 
</div> 
<div> 
<span><input class="inbutton" onclick="commonMath.getValue(this.value);" type="button" value="4"></span> 
<span><input class="inbutton" onclick="commonMath.getValue(this.value);" type="button" value="5"></span> 
<span><input class="inbutton" onclick="commonMath.getValue(this.value);" type="button" value="6"></span> 
<span><input class="inbutton" onclick="commonMath.getValue(this.value);" type="button" value="-"></span> 
</div> 
<div> 
<span><input class="inbutton" onclick="commonMath.getValue(this.value);" type="button" value="1"></span> 
<span><input class="inbutton" onclick="commonMath.getValue(this.value);" type="button" value="2"></span> 
<span><input class="inbutton" onclick="commonMath.getValue(this.value);" type="button" value="3"></span> 
<span><input class="inbutton" onclick="commonMath.getValue(this.value);" type="button" value="*"></span> 
</div> 
<div> 
<span><input class="inbutton" onclick="commonMath.getValue(this.value);" type="button" value="0"></span> 
<span><input class="inbutton" onclick="commonMath.getValue(this.value);" type="button" value="+/-"></span> 
<span><input class="inbutton" onclick="commonMath.getValue(this.value);" type="button" value="."></span> 
<span><input class="inbutton" onclick="commonMath.getValue(this.value);" type="button" value="/"></span> 
</div> 
<div> 
<span><input class="outbutton tcenter" onclick="commonMath.getValue('=');" type="button" value="计算"></span> 
</div> 
</div>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：javascript 内存回收机制理解
下一篇：javascript实现鼠标选取拖动或Ctrl选取拖动

资讯排行榜
更多>>