超简便的计算器
  1. <!doctype html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="Generator" content="EditPlus®">
  6.         <meta name="Author" content="">
  7.         <meta name="Keywords" content="">
  8.         <meta name="Description" content="">
  9.         <title>calculator</title>
  10.     </head>
  11.     <body>
  12.         <div>
  13.             <span>第一个数</span>
  14.             <input type="" name="" id="number1" value="" />
  15.             <br>
  16.             <span>第二个数</span>
  17.             <input type="" name="" id="number2" value="" />
  18.             <br>
  19.             <input type="submit" value="+" onclick="add()">
  20.             <input type="submit" value="-" onclick="delect()">
  21.             <input type="submit" value="*" onclick="mul()">
  22.             <input type="submit" value="/" onclick="divi()">
  23.             <div id="">
  24.                 <span>计算结果:</span><span id="result"></span>
  25.             </div>
  26.         </div>
  27.         <script type="text/javascript">
  28.             //加法
  29.             function add() {
  30.                 add1 = Number(document.getElementById("number1").value);
  31.                 add2 = Number(document.getElementById("number2").value);
  32.                 var sum;
  33.                 sum = add1 + add2;
  34.                 document.getElementById("result").innerHTML = sum;
  35.             }
  36.             //减法
  37.             function delect() {
  38.                 add1 = Number(document.getElementById("number1").value);
  39.                 add2 = Number(document.getElementById("number2").value);
  40.                 var sum;
  41.                 sum = add1 - add2;
  42.                 document.getElementById("result").innerHTML = sum;
  43.             }
  44.             //乘法
  45.             function mul() {
  46.                 add1 = Number(document.getElementById("number1").value);
  47.                 add2 = Number(document.getElementById("number2").value);
  48.                 var sum;
  49.                 sum = add1 * add2;
  50.                 document.getElementById("result").innerHTML = sum;
  51.             }
  52.             //除法
  53.             function divi() {
  54.                 add1 = Number(document.getElementById("number1").value);
  55.                 add2 = Number(document.getElementById("number2").value);
  56.                 var sum;
  57.                 sum = add1 / add2;
  58.                 document.getElementById("result").innerHTML = sum;
  59.             }
  60.         </script>
  61.     </body>
  62. </html>

更多相关文章

  1. js简单计算器和一个深坑
  2. JavaScript实现简单计算器
  3. 简单计算器
  4. isset()与empty()函数 switch语句改写简易计算器
  5. PHP switch计算器
  6. php 简易计算器
  7. 实现一个简单的计算器功能
  8. PHP循环学习八：统计1~10000的完数个数，并输出全部完数
  9. PHP如何判断两个数中哪个数最接近值100

随机推荐

  1. conda 安装指定版本的指定包
  2. Python语言的特点、程序设计基本方法
  3. Python：eval（）将值强制转换为浮点数？
  4. Windows7下Jupyter Notebook使用入门
  5. 机器学习教程之2-k近邻模型的sklearn实现
  6. 我无法使用GAE在Windows上以本地模式运行
  7. 7-13 日K蜡烛图
  8. Python 文件的基本操作
  9. 使用Python+PIL查看两张相似图形的差异
  10. eclipse中写python文件找不到