JavaScript简单计算器

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

勤奋的木星

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

阅读量157

点赞数

本文链接：https://blog.csdn.net/Jupiter_zhao/article/details/100064716

版权

首先，要先写一个计算机的简单结构

 <input id=num1 type="text">
        <select name="" id="slt">
            <option >+</option>
            <option >-</option>
            <option >*</option>
            <option >/</option>
        </select>
        <input id=num2 type="text">
        <button id=btn>=</button>
        <input id=num3 type="text">

然后

        <input id=num1 type="text">
        <select name="" id="slt">
            <option >+</option>
            <option >-</option>
            <option >*</option>
            <option >/</option>
        </select>
        <input id=num2 type="text">
        <button id=btn>=</button>
        <input id=num3 type="text">

        <script>
    var a=document.getElementById('num1');
    var b=document.getElementById('num2');
    var c=document.getElementById('num3');
    var d=document.getElementById('slt');
    var num;
    
         var btn=document.getElementById('btn');
       
        btn.onclick=function(){
           
            switch(d.value){
                case "+":
                   num=parseFloat(a.value)+parseFloat(b.value);
                break;
                case "-":
                    num=a.value-b.value;
                break;
                case '*':
                   num=a.value*b.value;
                break;
                case '/':
                    num=a.value/b.value;
                break;
                default:
                    num=a.value+b.value;
                break;
            }
           
            c.value=num;
        };
        </script>