计算器代码

最新推荐文章于 2025-03-02 10:33:01 发布

吃不饱的小秦

最新推荐文章于 2025-03-02 10:33:01 发布

阅读量430

点赞数

本文链接：https://blog.youkuaiyun.com/isdmen/article/details/123038830

版权

HTML JavaScript 计算器前端开发实时计算

关键词由优快云通过智能技术生成

<!DOCTYPE html>
<html>
<head>
<title>14th_test</title>
<meta charset="gb2312">
</head>

<body>
<p>计算器:</p>
<table border="1" style="position:center;">
<tr>
<td>第一个数：</td>
<td><input type="text" id="first"/></td>
</tr>
<tr>
<td>第二个数：</td>
<td><input type="text" id="twice"/></td>
</tr>
<tr>
<td colspan="2" >
 
<button style="width:inherit" οnclick="add()">+</button>
 
<button style="width:inherit" οnclick="subtract()">-</button>
 
<button style="width:inherit" οnclick="ride()">*</button>
 
<button style="width:inherit" οnclick="devide()">/</button>
</td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<p id="result"></p>
</td>
</tr>
</table>
</body>
<script type="text/javascript">
   var result_1;
   //加法
   function add() {
   var a = getFirstNumber();
   var b = getTwiceNumber();
   var re =Number( a) +Number( b);
   sendResult(re);
   }

   //减法
   function subtract() {
   var a = getFirstNumber();
   var b = getTwiceNumber();
   var re = a - b;
   sendResult(re);
   }

   //乘法
   function ride() {
   var a = getFirstNumber();
   var b = getTwiceNumber();
   var re = a * b;
   sendResult(re);
   }

   //除法
   function devide() {
   var a = getFirstNumber();
   var b = getTwiceNumber();
   var re = a / b;
   sendResult(re);
   }

   //给p标签传值
   function sendResult(result_1) {
   var num = document.getElementById("result")
   num.innerHTML = result_1;
   }

   //获取第一位数字
   function getFirstNumber() {
   var firstNumber = document.getElementById("first").value;
   return firstNumber;
   }

   //获取第二位数字
   function getTwiceNumber() {
   var twiceNumber = document.getElementById("twice").value;
   return twiceNumber;
   }
</script>
</html>