JavaScript计算器实例

最新推荐文章于 2023-05-23 11:58:00 发布

转载最新推荐文章于 2023-05-23 11:58:00 发布 · 662 阅读

提供了一个简单的在线计算器，用户可以输入两个数字并进行加、减、乘、除运算。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<body>

<script type="text/javascript">
var calc = {
 first:0,
 second:0,
 init:function(){
  this.first = parseInt(document.getElementById("first").value);
  this.second = parseInt(document.getElementById("second").value);
 },
 setResult:function(){document.getElementById("result").value = this.result},
 add:function(){ 
   this.init();
   this.result = this.first + this.second;
   this.setResult();
   },
 minus:function(){ 
   this.init();
   this.result = this.first - this.second;
   this.setResult();
   },
 plus:function(){ 
   this.init();
   this.result = this.first * this.second;
   this.setResult();
   },
 divide:function(){ 
   this.init();
   this.result = this.first / this.second;
   this.setResult();
   }

};
</script> 

<form id="jisuanqi" action="#">
 <p>
 <label for="first">数字1：</label>
 <input id="first" type="text" />
 </p>
 <p>
 <label for="second">数字2：</label>
 <input id="second" type="text" />
 </p>
 <p>
 <label for="result">结果：</label>
 <input id="result" type="text" />
 </p>
 <br /><button onclick="calc.add();;return false;" value="加" >加</button>
 <button onclick="calc.minus();;return false;" value="减" >减</button>
 <button onclick="calc.plus();;return false;" value="乘" >乘</button>
 <button onclick="calc.divide();;return false;" value="除" >除</button>
 </form> 

</body>
</html>

鼠标单击之前