该部分计算器设置借鉴于网络 本人对部分代码进行修改优化 仅供参考

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <title>计算器</title>
  6.     <link href="jisuanqi2.css" rel="stylesheet" type="text/css" />
  7. </head>
  8. <body onload="init()">
  9.     <div id="open">
  10.         <div id="show" align="center">
  11.             <input type="text" id="text" >
  12.         </div>
  13.         <div id="cuttom">
  14.             <table align="center">
  15.                 <tr>
  16.                     <td><input type="button" value="7" onclick="display(7)"></td>
  17.                     <td><input type="button" value="8" onclick="display(8)"></td>
  18.                     <td><input type="button" value="9" onclick="display(9)"></td>
  19.                     <td><input type="button" value="+" onclick="display('+')"></td>
  20.                     <td><input type="button" value="-" onclick="display('-')"></td>
  21.                 </tr>
  22.                 <tr>
  23.                     <td><input type="button" value="4" onclick="display(4)"></td>
  24.                     <td><input type="button" value="5" onclick="display(5)"></td>
  25.                     <td><input type="button" value="6" onclick="display(6)"></td>
  26.                     <td><input type="button" value="*" onclick="display('*')"></td>
  27.                     <td><input type="button" value="/" onclick="display('/')"></td>
  28.                 </tr>
  29.                 <tr>
  30.                     <td><input type="button" value="1" onclick="display(1)"></td>
  31.                     <td><input type="button" value="2" onclick="display(2)"></td>
  32.                     <td><input type="button" value="3" onclick="display(3)"></td>
  33.                     <td><input type="button" value="(" onclick="display('(')"></td>
  34.                     <td><input type="button" value=")" onclick="display(')')"></td>
  35.                 </tr>
  36.                 <tr>
  37.                     <td><input type="button" value="0" onclick="display(0)"></td>
  38.                     <td><input type="button" value="." onclick="display('.')"></td>
  39.                     <td><input type="button" value="←" onclick="back()"></td>
  40.                     <td><input type="button" value="c" onclick="reset()"></td>
  41.                     <td><input type="button" value="=" onclick="equals()"></td>
  42.                 </tr>
  43.             </table>
  44.         </div>
  45.     </div>
  46. </body>
  47. <script type="text/javascript" src="jisuanqi2.js"></script>
  48. </html>