ASCII码 ASCII码

.使用制作简版计算器与.九九乘法表

发布于：2022-05-20 18:05:45  栏目：技术文档

1.简易计算器

  1.   <body>
  2.     <form action="" method="post">
  3.       <input type="number" id="num1" />
  4.       <select id="ysf">
  5.         <option value="+" id="+">+</option>
  6.         <option value="-" id="-">-</option>
  7.         <option value="*" id="*">*</option>
  8.         <option value="/" id="/">/</option>
  9.         <option value="%" id="%">%</option>
  10.       </select>
  11.       <input type="number" id="num2" />
  12.       <input type="button" value="计算" id="btn" />
  13.     </form>
  14.     <p id="res"></p>
  16.     <script>
  17.       document.getElementById("btn").onclick = function () {
  18.         var num1 = document.getElementById("num1").value;
  19.         var num2 = document.getElementById("num2").value;
  20.         var ysf = document.getElementById("ysf").value;
  21.         document.getElementById("res").innerHTML = num1 + "---" + num2 + "---" + ysf;
  22.         var res = document.getElementById("res");
  23.         var fh = ysf;
  24.         switch (ysf) {
  25.           case document.getElementById("+").value:
  26.             res.innerHTML = num1 + ysf + num2 + "=" + (num1 * 1 + num2 * 1);
  27.             console.log(ysf);
  28.             break;
  29.           case document.getElementById("-").value:
  30.             res.innerHTML = num1 + ysf + num2 + "=" + (num1 * 1 - num2 * 1);
  31.             console.log(ysf);
  32.             break;
  33.           case document.getElementById("*").value:
  34.             res.innerHTML = num1 + ysf + num2 + "=" + num1 * 1 * num2 * 1;
  36.             break;
  37.           case document.getElementById("/").value:
  38.             res.innerHTML = num1 + ysf + num2 + "=" + num1 / num2;
  39.             break;
  40.           case document.getElementById("%").value:
  41.             res.innerHTML = num1 + ysf + num2 + "=" + (num1 % num2);
  42.             break;
  43.         }
  44.       };
  46.       document.write('<table border="1" width="800px" align=center >');
  47.       for (var hang = 1; hang <= 9; hang++) {
  48.         document.write("<tr>");
  49.         for (var lie = 1; lie <= hang; lie++) {
  50.           document.write("<td>" + lie + "*" + hang + "=" + hang * lie + "</td> ");
  51.         }
  52.         document.write("</tr>");
  53.       }
  54.     </script>

成品图：

2.九九乘法表

  1. <script>
  2.     document.write('<table border="1" width="800px" align=center >');
  3.           for (var hang = 1; hang <= 9; hang++) {
  4.             document.write("<tr>");
  5.             for (var lie = 1; lie <= hang; lie++) {
  6.               document.write("<td>" + lie + "*" + hang + "=" + hang * lie + "</td> ");
  7.             }
  8.             document.write("</tr>");
  9.           }
  10. </script>

附成品图：

相关推荐
阅读 +

© 2020 asciim码

人生就是一场修行