javaScript实现计算器功能截图 :
cal.js
Js代码varClass={};Class.calculation=function(){varcalculation={};calculation.result=0;calculation.calculate=function(num1,num2){};calculation.getResult=function(){returnthis.result;};returncalculation;};Class.add=function(){varadd=Class.calculation();add.calculate=function(num1,num2){this.result=num1+num2;};returnadd;}Class.subtraction=function(){varsubtraction=Class.calculation();subtraction.calculate=function(num1,num2){this.result=num1-num2;};returnsubtraction;}Class.multiply=function(){varmultiply=Class.calculation();multiply.calculate=function(num1,num2){this.result=num1*num2;};returnmultiply;}Class.divide=function(){vardivide=Class.calculation();divide.calculate=function(num1,num2){this.result=num1/num2;};returndivide;}Class.calculator=function(num1,num2,op){varobj=null;varnum1=parseInt(num1)||0;varnum2=parseInt(num2)||0;if("+"==op){obj=Class.add();}elseif("-"==op){obj=Class.subtraction();}elseif("*"==op){obj=Class.multiply();}elseif("/"==op){if(0==num2){alert("除数不能为零!");return;}obj=Class.divide();}else{alert("无效的"+op+"操作符!");return;}obj.calculate(num1,num2);alert("计算结果:"+obj.getResult());}
测试 :
Html代码<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>Javascript面向对象</TITLE><scripttype="text/javascript"src="js-lib/cal.js"></script><scripttype="text/javascript">window.onload=function(){document.getElementById("command").onclick=function(){varn1=document.getElementById("n1").value;varOpera=document.getElementById("opera").value;varn2=document.getElementById("n2").value;Class.calculator(n1,n2,opera);}};</script></HEAD><BODY>操作数1:<inputtype="text"id="n1"/></br></br>操作符号:<inputsize="4"type="text"id="opera"/></br></br>操作数2:<inputtype="text"id="n2"/></br></br><inputtype="button"id="command"value="计算"/></BODY></HTML>