简单实现加减乘除

最新推荐文章于 2023-12-12 10:24:04 发布

liuwenqing11

最新推荐文章于 2023-12-12 10:24:04 发布

阅读量736

点赞数 3

本文链接：https://blog.csdn.net/liuwenqing11/article/details/107588461

版权

上面做了一个简单的加法运算，计算里面不可能只用到加法，所以我们把加减乘除做成一个下拉框利用select，并赋值给一定的属性。
效果图
接着获取每一个id并赋值
最后我们建立一个存放结果的对象，在利用if语句当select处于什么状态时进行何种运算。
最后我们把结果值number3赋值给最后一个input（id=result）
效果如图所示并附全码

<body>
      <input id="ice">
      <select id="mum">
          <option value="+">+</option>
          <option value="-">-</option>
          <option value="*">*</option>
          <option value="/">/</option>
      </select>
      <input id="box1">
      =<input id="result">
      <button οnclick="bule()">计算</button>
   <script>
       function bule() {
           var num1 =parseFloat(document.getElementById("ice").value);
           var num2 = parseFloat(document.getElementById("box1").value);
           var num3 = document.getElementById("mum").value;
           var number3;
           if(num3=="+"){
           number3 = num1 + num2;

           }else if (num3=="-"){
               number3 = num1 - num2;

           }else if (num3=="*"){
               number3 = num1*num2;
           }else if(num3=="/"){
               number3 = num1/num2;
           }
           document.getElementById('result').value = number3;

       }
   </script>
</body>

liuwenqing11

关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
简单实现加减乘除

上面做了一个简单的加法运算，计算里面不可能只用到加法，所以我们把加减乘除做成一个下拉框利用select，并赋值给一定的属性。效果图接着获取每一个id并赋值最后我们建立一个存放结果的对象，在利用if语句当select处于什么状态时进行何种运算。最后我们把结果值number3赋值给最后一个input（id=result）效果如图所示并附全码 <body> <input id="ice"> <select
复制链接

扫一扫