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

站长资源 2026/7/22 佚名

41 1538 41

DDR爱好者之家 Design By 杰米

1.本页效果图片

2.美化后的效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head>  <style> #main{ width:100%; height:100%; } #inputs{ position:relative; top:50%; left:50%; } .inbutton{ width:30px; } .outbutton{ width:145px; text-align:right; } .tcenter{ text-align:center; } </style> </head> <body>   etongchina@gmail.com   <input id="output" type="text" class="outbutton" maxlength="9" value="." />   <input type="button" class="inbutton" value="7" onclick="commonMath.getValue(this.value)" /> <input type="button" class="inbutton" value="8" onclick="commonMath.getValue(this.value)" /> <input type="button" class="inbutton" value="9" onclick="commonMath.getValue(this.value)" /> <input type="button" class="inbutton" value="+" onclick="commonMath.getValue(this.value)" />   <input type="button" class="inbutton" value="4" onclick="commonMath.getValue(this.value);" /> <input type="button" class="inbutton" value="5" onclick="commonMath.getValue(this.value);" /> <input type="button" class="inbutton" value="6" onclick="commonMath.getValue(this.value);" /> <input type="button" class="inbutton" value="-" onclick="commonMath.getValue(this.value);" />   <input type="button" class="inbutton" value="1" onclick="commonMath.getValue(this.value);" /> <input type="button" class="inbutton" value="2" onclick="commonMath.getValue(this.value);" /> <input type="button" class="inbutton" value="3" onclick="commonMath.getValue(this.value);" /> <input type="button" class="inbutton" value="*" onclick="commonMath.getValue(this.value);" />   <input type="button" class="inbutton" value="0" onclick="commonMath.getValue(this.value);" /> <input type="button" class="inbutton" value="+/-" onclick="commonMath.getValue(this.value);" /> <input type="button" class="inbutton" value="." onclick="commonMath.getValue(this.value);" /> <input type="button" class="inbutton" value="/" onclick="commonMath.getValue(this.value);" />   <input type="button" class="outbutton tcenter" value="计算" onclick="commonMath.getValue('=');" />   </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

JS,计算器

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“用JS写的简单的计算器实现代码”

暂无评论...

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

javascript 数组操作实用技巧

prototype与jquery下Ajax实现的差别

评论“用JS写的简单的计算器实现代码”

更新日志

友情链接