模仿window自带计数器
1.实现简单的加减乘除
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>点击版的计算机</title> </head> <body> <form > <input type="text" id="t1" style="width: 160px"></input><br> <input type="text" id="zhang" style="width: 160px" value="0" disabled="disabled"></input><br><br> <input type="button" value="归零" style="width: 80px" onclick="a(this.value)"></input> <input type="button" value="退格" style="width: 80px" onclick="tuiGe()"></input><br><br> <input name="i1" id="i1" type="button" value="1" onclick="z(this.value)"></input> <input name="i2" id="i2" type="button" value="2" onclick="z(this.value)"></input> <input name="i3" id="i3" type="button" value="3" onclick="z(this.value)"></input> <input name="i10" id="i10" type="button" value="+" onclick="f(this.value)"></input><br><br> <input name="i4" id="i4" type="button" value="4" onclick="z(this.value)"></input> <input name="i5" id="i5" type="button" value="5" onclick="z(this.value)"></input> <input name="i6" id="i6" type="button" value="6" onclick="z(this.value)"></input> <input name="11" id="11" type="button" value="-" onclick="f(this.value)"></input><br><br> <input name="i7" id="i7" type="button" value="7" onclick="z(this.value)"></input> <input name="i8" id="i8" type="button" value="8" onclick="z(this.value)"></input> <input name="i9" id="i9" type="button" value="9" onclick="z(this.value)"></input> <input name="i12" id="i9" type="button" value="*" onclick="f(this.value)"></input><br><br> <input name="i13" id="i13" type="button" value="0" onclick="z(this.value)"></input> <input name="i14" id="i14" type="button" value="." onclick="dianHao(this.value)"></input> <input name="i15" id="i15" type="button" value="=" onclick="h(this.value)"></input> <input name="i16" id="i16" type="button" value="/" onclick="f(this.value)"></input><br><br> <input type="button" value="关于" style="width: 80px" id="19" onclick="guanYu()"></input> <input type="button" value="退出" style="width: 80px" onclick="window.close()" ></input><br><br> </form> <script type="text/javascript"> //变量 var k=0; var dianhao=0; var dh="="; var temp1=0; var temp2=0; var fh=""; var fuhao=0; var b=document.getElementById("t1") var j=document.getElementById("zhang") function guanYu(){ //关于 alert("零度工作室"); } function dianHao(X){ //点号 if (dianhao==0) { if (k==0) { j.value="0."; } else if(j.value=="除数不能为零" || j.value=="运算符出错"){ j.value="0."; b.value=""; } else { j.value=j.value+X; } k=1; dianhao=1; } }//大if function tuiGe(){ //退格 var temp=j.value; if (j.value=="除数不能为零" || j.value=="运算符出错" ) { j.value="0"; b.value=""; k=0; } else { j.value=temp.substring(0, temp.length-1); } } function a(a) { //归零 k=0; temp1=0; temp2=0; fh=""; b.value=""; j.value="0"; dh="="; dianhao=0; fuhao==0; } function z(n){ //0-9 var i=document.getElementById("i"+n); if(k==0 && n==0){ }else if (k==0 && j.value!="0"){ j.value=""; j.value=n; k=1; }else if(k==0 && j.value!=""){ a(n); j.value=n; k=1; } else { j.value=j.value+n; k=1; } } function f(m){ //符号 if (m=="-" && fuhao==0 && k==0) { j.value="-"; k=1; } else { run(); fh=m; temp1=j.value; k=0; dianhao=0; j.value=""; b.value=temp1+fh; } if (condition) { } else { } } function h(c){ //等号 run(); b.value=temp1+fh+temp2+dh; k=0; temp1=0; temp2=0; fh=""; dh="="; fuhao==0; } function run() { //运算函数 if (j.value=="") { temp2=0; } else { temp2=j.value; } switch (fh) { case "+": j.value=parseFloat(temp1)+parseFloat(temp2); break; case "-": j.value=parseFloat(temp1)-parseFloat(temp2); break; case "*": j.value=parseFloat(temp1)*parseFloat(temp2); break; case "/": if (parseFloat(temp2)=="0") { //除数不能为零的判断 j.value="除数不能为零"; } else { j.value=parseFloat(temp1)/parseFloat(temp2); } if (parseFloat(temp1)/parseFloat(temp2)*10000000000000000/1!= 0) { dh="≈"; } break; default: //防止乘号出错 if (fh=="") { break; } else { j.value="运算符出错"; k=0; temp1=0; temp2=0; fh=""; dh="="; dianhao=0; break; } } } </script> </body> </html>