js简易计算器两个输入框，一个select

你你你就你

于 2020-07-01 00:12:20 发布

阅读量1.1k

点赞数 2

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Ga_b_c/article/details/107053904

这篇博客介绍如何利用JavaScript构建一个简单的计算器，具备两个输入框和一个选择器功能。通过选择不同的运算符，用户可以进行基本的数学计算。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    <input type='text' id='txt1' />
    <select id='select'>
        <option value='+'>+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
        <option value="%">%</option>
    </select>
    <input type='text' id='txt2' />
    <button id="btn2">=</button>
    <!--通过 = 按钮来调用创建的函数，得到结果-->
    <input type='text' id='txt3' />
    <script>
        btn2.onclick = function () {
            var a = txt1.value;//获取第一个输入框的值
            var b = txt2.value;//获取第二个输入框的值
            var c = select.value;//获取选择框的值
            var result = "";
            switch (c) {
                case '+':
                    result = a * 1 + b * 1;
                    break;
                case '-':
                    result = a - b;
                    break;
                case '*':
                    result = a * b;
                    break;
                case '/':
                    result = a / b;
                    break;
                case '%':
                    result = a % b;
                    break;
            }
            txt3.value = result;//设置结果输入框的值 
        }
    </script>