计算器

  <!DOCTYPE html>
  <html lang="en">
  <head>
  <meta charset="UTF-8">
  <title>Jiusanqi</title>
  <style>
   
  table{
  height: 350px;
  width: 270px;
  text-align: center;
  }
  input{
  height: 100%;
  width: 350px;
  font-size: 50px
  }
  </style>
  </head>
  <body>
   
  　<table border="1" align="center" bgColor="#00bfff" >
  <tr>
  　　<td colspan="4">
  <input type="text" id="nummessege" />
  　　</td>
  </tr>
  <tr>
  　　<td onclick="onclicknum(1)">
  1
  　　</td>
   
  　　<td onclick="onclicknum(2)">
  2
  　　</td>
   
  　　<td onclick="onclicknum(3)">
  3
  　　</td>
   
  　　<td onclick="onclicknum('+')">
  +
  　　</td>
  </tr>
   
  <tr>
  　　<td onclick="onclicknum(4)">
  4
  　　</td>
   
  　　<td onclick="onclicknum(5)">
  5
  　　</td>
   
  　　<td onclick="onclicknum(6)">
  6
  　　</td>
   
  　　<td onclick="onclicknum('-')">
  -
  　　</td>
  </tr>
   
  <tr>
  　　<td onclick="onclicknum(7)">
  7
  　　</td>
   
  　　<td onclick="onclicknum(8)">
  8
  　　</td>
   
  　　<td onclick="onclicknum(9)">
  9
  　　</td>
   
  　　<td onclick="onclicknum('*')">
  *
  　　</td>
  </tr>
   
  <tr>
  　　<td colspan="2" onclick="onclicknum(0)">
  0
  　　</td>
  　　<td onclick="onclicknum('.')">
  .
  　　</td>
   
  　　<td onclick="onclicknum('/')">
  　　　　/
  　　</td>
  　　</tr>
   
  　　<tr>
   
  　　<td colspan="2" onclick="onclickclear()">
  Del
  　　</td>
   
  　　<td colspan="2" onclick="onclickresult()">
  =
  　　</td>
   
  </tr>
   
  　　</table>
  <script>
  let numresult;
  let str;
   
  function onclicknum(nums) {
  str = document.getElementById("nummessege");
  str.value = str.value + nums;
  }
   
  function onclickclear() {
  str = document.getElementById("nummessege");
  str.value = '';　　}
   
  function onclickresult() {
  str = document.getElementById("nummessege");
  numresult = eval(str.value);
  　　　　
  str.value = numresult;
  }
   
   
  </script>
   
  </body>
  </html>
posted @ 2019-08-15 21:09  WhyNott  阅读(93)  评论(0)  编辑  收藏  举报