运算问题

最新推荐文章于 2024-04-26 20:39:19 发布

原创最新推荐文章于 2024-04-26 20:39:19 发布 · 210 阅读

CC 4.0 BY-SA版权

文章标签：

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
   </head>
   <style type="text/css">
       #num1,#num2,#result{
           width: 100px;
       }
   </style>
   <body>
<div>
           <form action="" method="post">
               <input type="text" id="num1" placeholder="请输入操作数1"/>
               <select id="op" >
                   <option value="+">+</option>
                   <option value="-">-</option>
                   <option value="*">*</option>
                   <option value="/">/</option>
               </select>
               <input type="text" id="num2" placeholder="请输入操作数2"/>
               <input type="button" value="=" onclick="calc()"/>
               <input type="text" id="result" value="0" />
           </form>
       </div>

   </body>
   <script>
       function calc(){
           //获取第一个文板框的数字
           let num1 = document.getElementById("num1").value;
           console.log(num1);
           //获取第二个文板框的数字
           let num2 = document.getElementById("num2").value;
           console.log(num2);
           //获取运算符
           let op = document.getElementById("op").value;
           console.log(op);
           //计算
           if(num1==""){
               alert('请输入第一个数字');
               return;
           }
           else if(num2==""){
               // ""=>有值，"" null 空对象
               alert('请输入第二个数字');
               return;
           }

           // let result1=eval(num1+op+num2);
           // console.log(result1);
           // //将值赋予result
           // document.getElementById("result").value=result1;
           num1=parseFloat(num1);
           num2=parseFloat(num2);
           var sum=0;
           switch (op){
               case '+':
               sum=num1+num2;
                   break;
               case '-':
               sum=num1-num2;
                   break;
               case '*':
               sum=num1*num2;
                   break;
               case '/':
               if (num2!=0) {
                   sum=num1/num2;
                       break;
               } else{
                   document.write("被除数不能为0");
               }