码迷，mamicode.com
首页 > 编程语言 > 详细

JavaScript实现计算器功能

时间：2014-08-05 09:27:18      阅读：294      评论：0      收藏：0      [点我收藏+]

标签：http   java   io   art   ar   cti   代码   div   

截图 :

 

bubuko.com,布布扣

 

 

cal.js

 

Js代码  bubuko.com,布布扣
  1. var Class = {} ;  
  2. Class.calculation = function(){  
  3.     var calculation = {} ;  
  4.     calculation.result = 0 ;  
  5.     calculation.calculate = function(num1,num2){} ;  
  6.     calculation.getResult = function(){  
  7.         return this.result ;  
  8.     } ;  
  9.     return calculation ;  
  10. } ;  
  11. Class.add = function(){  
  12.     var add = Class.calculation() ;  
  13.     add.calculate = function(num1,num2){  
  14.         this.result = num1 + num2 ;  
  15.     } ;  
  16.     return add ;  
  17. }  
  18. Class.subtraction = function(){  
  19.     var subtraction = Class.calculation() ;  
  20.     subtraction.calculate = function(num1,num2){  
  21.         this.result = num1 - num2 ;  
  22.     } ;  
  23.     return subtraction ;  
  24. }  
  25. Class.multiply = function(){  
  26.     var multiply = Class.calculation() ;  
  27.     multiply.calculate = function(num1,num2){  
  28.         this.result = num1 * num2 ;  
  29.     } ;  
  30.     return multiply ;  
  31. }  
  32. Class.divide = function(){  
  33.     var divide = Class.calculation() ;  
  34.     divide.calculate = function(num1,num2){  
  35.         this.result = num1 / num2 ;  
  36.     } ;  
  37.     return divide ;  
  38. }  
  39. Class.calculator = function(num1,num2,op){  
  40.     var obj = null ;  
  41.     var num1 = parseInt(num1) || 0 ;  
  42.     var num2 = parseInt(num2) || 0 ;  
  43.     if("+" == op){  
  44.         obj = Class.add() ;  
  45.     }  
  46.     else if("-" == op){  
  47.         obj = Class.subtraction() ;  
  48.     }  
  49.     else if("*" == op){  
  50.         obj = Class.multiply() ;  
  51.     }  
  52.     else if("/" == op){  
  53.         if(0 == num2){  
  54.             alert("除数不能为零!") ;  
  55.             return ;  
  56.         }  
  57.         obj = Class.divide() ;  
  58.     }  
  59.     else{  
  60.         alert("无效的" + op + "操作符!") ;  
  61.         return ;  
  62.     }  
  63.     obj.calculate(num1,num2) ;  
  64.     alert("计算结果:" + obj.getResult()) ;  
  65. }  

  

测试 :

 

Html代码  bubuko.com,布布扣
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  2. <HTML>  
  3.  <HEAD>  
  4.   <TITLE>JavaScript面向对象</TITLE>  
  5.     <script type="text/javascript" src="js-lib/cal.js"></script>  
  6.     <script type="text/javascript">  
  7.         window.onload = function(){  
  8.             document.getElementById("command").onclick = function(){  
  9.                 var n1 = document.getElementById("n1").value ;  
  10.                 var opera = document.getElementById("opera").value ;  
  11.                 var n2 = document.getElementById("n2").value ;  
  12.                 Class.calculator(n1,n2,opera) ;  
  13.             }  
  14.     } ;  
  15. </script>  
  16.  </HEAD>  
  17.   
  18.  <BODY>  
  19.   
  20.     操作数1 : <input type="text" id="n1" /></br></br>  
  21.     操作符号 : <input size="4" type="text" id="opera" /></br></br>  
  22.     操作数2 : <input type="text" id="n2" /></br></br>  
  23.     <input type="button"  id="command" value="计算" />  
  24. </BODY>  
  25. </HTML>  

JavaScript实现计算器功能,布布扣,bubuko.com

JavaScript实现计算器功能

标签：http   java   io   art   ar   cti   代码   div   

原文地址：http://www.cnblogs.com/ranzige/p/3891428.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！