计算（js）加减乘除[刚接触js,多多鼓励哟。笔芯❤]_option里的加减乘除如何运用-CSDN博客

本文链接：https://blog.csdn.net/hflal/article/details/80171087

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script type="text/javascript">
         function count(){
            var a;
            var txt1=document.getElementById('txt1').value;
            var txt2=document.getElementById('txt2').value;
            var select=document.getElementById('select').value;
            var n1= parseFloat(txt1);
            var n2= parseFloat(txt2);

            if(isNaN(n1))
            {
                alert('您输入的第一个数字有误');
            }
            else if(isNaN(n2))
            {
                alert('您输入的第二个数字有误');
            }
            switch(select){
                case "+":
                a=n1 + n2;
                break;
                case "-":
                a=n1 - n2;
                break;
                case "*":
                a=n1 * n2;
                break;
                case "/":
                a=n1 / n2;
                break;
            }
            document.getElementById("fruit").value=a;
         }
        </script>
        <style>
       #txt1{ height:20px; width:60px; border:1px solid #FFD700; background:#FFFFF0;}
       #txt2{height:20px; width:60px; border:1px solid #FFD700; background:#FFFFF0; margin-top: 10px;}
       #select{height:20px; width:40px; border:1px solid #FFD700; background:#FFFFF0;}
       #fruit{height:20px; width:100px; border:1px solid #FFD700; background:#FFFFF0;}
       #btn{height:23px; width:40px; background: #F5DEB3; border-radius: 6px; border:1px solid #fff;}
        </style>
    </head>
    <body>
    <input type="text" id="txt1"/>
    <select name="d" id="select">
        <option value="+">+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
    </select>
    <input type="text" id="txt2"/>
    <input type="button" value="=" οnclick="count()" id="btn"/>
    <input type="text" id="fruit"/>
    </body>
</html>