最近工作比较轻松,无聊的时候自己尝试写了一个简单的计算器,还望各位指正 以下为运行效果
<html> <head> <title>CalSelf.html</title> <style type="text/css"> input { width: 50px; } </style> <script type="text/javascript"> var str="" var num1; var num2; var opear; function num(no){ str=str+no; document.getElementsByTagName("input")[0].value=str; } function Clear(){ document.getElementsByTagName("input")[0].value=""; str=""; } //点击加减乘除事件 function fun(op){ //全局变量num1保存当前表框显示的数字内容 num1=parseInt(document.getElementsByTagName("input")[0].value); //全局变量保存运算符加减乘除 opear=op; if(op==1){//加 op="+" }else if(op==2){//减 op="-" }else if(op==3){//乘 op="*" }else{//除 op="/" } document.getElementsByTagName("input")[0].value=op; str=""; } //按下等号下做的事件! function calculate(){ var result; num2=parseInt(document.getElementsByTagName("input")[0].value); if(opear==1){ result=num1+num2 }else if(opear==2){ result=num1-num2 }else if(opear==3){ result=num1*num2 }else{ result=num1/num2 } num2=result; document.getElementsByTagName("input")[0].value=result; } </script> </head> <body> <input type="text" style="width: 200px;"> <table> <tr> <td><input type="button" value="1" onclick="num(1)"></td> <td><input type="button" value="2" onclick="num(2)"></td> <td><input type="button" value="3" onclick="num(3)"></td> <td><input type="button" value="+" onclick="fun(1)"></td> </tr> <tr> <td><input type="button" value="4" onclick="num(4)"></td> <td><input type="button" value="5" onclick="num(5)"></td> <td><input type="button" value="6" onclick="num(6)"></td> <td><input type="button" value="-" onclick="fun(2)"></td> </tr> <tr> <td><input type="button" value="7" onclick="num(7)"></td> <td><input type="button" value="8" onclick="num(8)"></td> <td><input type="button" value="9" onclick="num(9)"></td> <td><input type="button" value="*" onclick="fun(3)"></td> </tr> <tr> <td><input type="button" value="0" onclick="num(0)"></td> <td><input type="button" value="Clear" onclick="Clear()"></td> <td><input type="button" value="=" onclick="calculate()"></td> <td><input type="button" value="/" onclick="fun(4)"></td> </tr> </table> </body> </html>
相关推荐
纯javascript代码编写计算器程序.pdf
纯javascript制作的简单js计算器效果.zip
纯JavaScript的简单模拟计算器(纯 javascript + css 打造,不含各类添加剂)
Calculator【纯JavaScript实现的网页计算器】.rarCalculator【纯JavaScript实现的网页计算器】.rar
用JavaScript实现一个运算式的计算 a. 支持加,减,乘,除(+, -, *, /) b. 支持输入合法的数字,包括小数,不考虑非法输入和数字越界(0-9, .) sample : "3+8.3*1" 结果是11.3 ”3.2 + 0 -8.7“ 结果是-5.5 ...
需求:制作web版计算器,要求实现+-*%和平方,开方。 2.0版:修复归零的问题 3.0版:支持正负数; 4.0版:修复多个多个运算符号导致不能计算的bug; 5.0版: 多个小数点的bug, 自然数e的问题, 0.1,0.2,0.04等...
用纯javascript做的计算器,按键功能齐全,初级水平,用来交作业吧
网页模板——纯javascript制作的简单js计算器效果
纯javascript代码编写计算器程序文.pdf
这是一款使用纯javascript制作的简单js计算器效果。在支持css3动画的浏览器中,该js计算器可以展示炫酷的文字动画效果。该js计算器仅实现简单的加减乘除四则运算。
用原生js写一个简单的计算器 用于js webapi的练手非常不错
纯js实现的科学计算器
插件描述:CalcSS3是一款非常酷的CSS3和js模仿iPhone样式科学计算器插件。该计算器插件没有使用图片,纯CSS制作。该计算器是科学型的,可以处理乘方、开方、指数、对数等复杂的数学运算。演示地址:...
适合新手参观学习的一个很简单,但是很实用的一个Demo,本人已经在Chrome浏览器上测试同过。
最nb的网页版多级计算器,纯Javascript 网页版的多级计算器,界面美观,支持多级运算
纯javascript代码实现计算器功能,接下来,由小编给大家分享一下用纯javascript代码编写的计算器程序,需要的朋友可以参考下
脚本简介:JS制作按键逼真的计算器代码是一款简单的计算器,可以进行加减乘除,百分号,正负等运算,少女心的颜色设计风格,非常好看,源码纯js+css实现,简答易懂,对于新手也是很简单的,没有依赖任何第三方脚本,...