JS实现加减乘除四则运算器

最新推荐文章于 2023-04-15 06:57:58 发布

paradisezzy

最新推荐文章于 2023-04-15 06:57:58 发布

阅读量3.2k

点赞数 2

分类专栏： JavaScript学习笔记

本文链接：https://blog.youkuaiyun.com/paradisezzy/article/details/78243243

版权

JavaScript学习笔记专栏收录该内容

3 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <title> 事件</title>
    <script type="text/javascript">
        function count(){
            var txt1Value = document.getElementById("txt1").value;
            var txt2Value = document.getElementById("txt2").value;
            var operator = document.getElementById("select").value;
            var result;
            switch(operator){
                case "+":result = Number(txt1Value) + Number(txt2Value);
                  break;
                case "-":result = Number(txt1Value) - Number(txt2Value);
                  break;
                case "*":result = Number(txt1Value) * Number(txt2Value);
                    break;
                case "/":result = Number(txt1Value) / Number(txt2Value);
                    break;
            }
            document.getElementById("fruit").value = result;
        }
    </script>
</head>
<body>
<input type='text' id='txt1' />
<select 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()"/> <!--通过 = 按钮来调用创建的函数，得到结果-->
<input type='text' id='fruit' />
</body>
</html>