请问该怎么写啊

神知 2021-07-01

源自：DOM 4-14 项目作业

收起

2回答

好帮手慕星星 2021-07-02 12:09:00

同学你好，本小节是社区中的随堂作业，不是编程题，所以没有任务提示。是为了让大家动脑思考，开拓思路来一起探讨交流的，不要着急哦。

不知道怎么写的时候，可以进入社区看看其他小伙伴是怎么写的，慢慢总结思路就好。

祝学习愉快！

收起回答

好帮手慕慕子 2021-07-01 14:03:10

同学你好，可以参考结合如下代码注释测试理解：

<!DOCTYPE html>
<html>

<head>
    <title></title>
</head>

<body>
    <input type='text' id='num1' />
    <select id='operate'>
        <option value='+'>+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
    </select>
    <input type='text' id='num2' />
    <input type='button' value=' = ' id="btn" />
    <input type='text' id='result' />
    <script>
        // 获取元素
        var opre = document.getElementById('operate')
        var num1 = document.getElementById('num1')
        var num2 = document.getElementById('num2')
        var btn = document.getElementById('btn')
        var result = document.getElementById('result')
        // 给按钮绑定点击事件
        btn.onclick = function () {
            // 获取到下拉框选中的value值
            var operateValue = opre.value
            // 使用Number方法将获取的值转成数值类型，方便后面进行数学运算
            // 获取第一个输入框的value
            var num1Value = Number(num1.value);
            // 获取第二个输入框的value值
            var num2Value = Number(num2.value);
            // 根据下拉框选中的值添加对应的操作
            switch (operateValue) {
                case '+': // 选中+
                    result.value = num1Value  + num2Value; // 进行加法运算
                    break;
                case '-':// 选中-
                    result.value = num1Value - num2Value;// 进行减法运算
                    break;
                case '*':// 选中*
                    result.value = num1Value * num2Value;// 进行乘法运算
                    break;
                case '/':// 选中 /
                    result.value = num1Value / num2Value;// 进行除法运算
                    break;
            }
        }
    </script>
</body>

</html>