JS实现简易计算器

用JS实现简易计算器，供大家参考，具体内容如下

首先创建结构和样式

 
 
 
 
  body{
   margin:0;
   padding:0;
   background-color: #abcdef;
  }
  .cal{
   width:560px;
   height:100px;
   margin:0 auto;
   padding-top:300px;
  }
 



 
  

   
   +
   
   =
   2
  
  

   
   
   
   
  
   
 

然后添加Java script

 
 
 
 
  body{
   margin:0;
   padding:0;
   background-color: #abcdef;
  }
  .cal{
   width:560px;
   height:100px;
   margin:0 auto;
   padding-top:300px;
  }
 



 
  

   
   +
   
   =
   2
  
  

   
   
   
   
  
   
 

代码的优化：

循环实现绑定

给一个外部接口，用于新增运算

 
 
 
 
  body{
   margin:0;
   padding:0;
   background-color: #abcdef;
  }
  .cal{
   width:560px;
   height:100px;
   margin:0 auto;
   padding-top:300px;
  }
 



 
  

   
   +
   
   =
   2
  
  

   
   
   
   
   
  
   
 

这样就圆满完成咯

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。