js做一个简易计算器

最新推荐文章于 2024-09-10 23:15:34 发布

Cupid510

最新推荐文章于 2024-09-10 23:15:34 发布

阅读量1k

点赞数

分类专栏： javaScript

本文链接：https://blog.csdn.net/weixin_44283432/article/details/108091844

版权

javaScript 专栏收录该内容

235 篇文章 4 订阅

订阅专栏

运用js做一个简易的计算器效果，实现加减乘除取余

<input type="text" id="a">
        <select name="" id="fh">
        <option value="+">+</option>
        <option value="-">-</option>
        <option value="*">x</option>
        <option value="/">÷</option>
        <option value="%">%</option>
    </select>
        <input type="text" id="b">
        <input type="button" name="" id="btn" value="=">
        <input type="text" disabled name="" id="c">
    </body>
    <script>
        var a = document.getElementById("a");
        var b = document.getElementById("b");
        var fh = document.getElementById("fh");
        var c = document.getElementById("c");
        var btn=document.getElementById("btn")
        btn.onclick=function(){
            var num1=Number(a.value);
            var num2=Number(b.value);
            add(num1,num2,fh.value);
           
        }
        function add(num1, num2 ,fh){
            var sum=0;
            switch (fh){
                case "+":
                sum=num1+num2;break;
                case "-":
                sum=num1-num2;break;
                case "*":
                sum=num1*num2;break;
                case "/":
                sum=num1/num2;break;
                case "%":
                sum=num1%num2
            }
            c.value=sum
        }
    
    </script>