麻烦老师查看作业,谢谢。

来源:4-14 项目作业

DanielDu87

2022-07-24 15:01:37

<!DOCTYPE html>
<html lang="zh">
   <head>
      <title></title>
   </head>
   <body>
      <input type="text" id="num1" />
      <select id="operate">
         <option value="+">+</option>
         <option value="-">-</option>
         <option value="*">*</option>
         <option value="/">/</option>
      </select>
      <input type="text" id="num2" />
      <input type="button" value=" = " id="btn" />
      <input type="text" id="result" />
      <script>
         window.onload = function () {
            var btn = document.getElementById("btn");
            btn.addEventListener("click",
               function () {
                  var opertor = document.getElementById("operate").value;
                  var ans = document.getElementById("result");
                  var num1 = parseFloat(document.getElementById("num1").value);
                  var num2 = parseFloat(document.getElementById("num2").value);
                  switch (opertor) {
                     case "+":
                        ans.value = (parseFloat(num1 + num2)).toString();
                        break;
                     case "-":
                        ans.value = (parseFloat(num1 - num2)).toString();
                        break;
                     case "*":
                        ans.value = (parseFloat(num1 * num2)).toString();
                        break;
                     case "/":
                        ans.value = (parseFloat(num1 / num2)).toString();
                        break;
                     default :
                        alert("error");
                  }
               },
               false);
         };
      </script>
   </body>
</html>


写回答

1回答

樱桃小胖子

2022-07-24

同学你好,代码效果实现正确,继续加油,祝学习愉快!

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程