请老师检查

来源:4-14 项目作业

宣与慕

2022-03-16 21:05:13

<!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 oSelect = document.getElementById('operate');
        var num1 = document.getElementById('num1');
        var num2 = document.getElementById('num2');
        var result = document.getElementById('result');
        var btn = document.getElementById('btn');

        btn.addEventListener('click', function () {
            if (oSelect.value == '+') {
                result.value = Number(num1.value) + Number(num2.value);
            }
            else if (oSelect.value == '-') {
                result.value = num1.value - num2.value;
            }
            else if (oSelect.value == '*') {
                result.value = num1.value * num2.value;
            }
            else if (oSelect.value == '/') {
                result.value = num1.value / num2.value;
            }
        }, true);
    </script>
</body>

</html>


写回答

1回答

好帮手慕久久

2022-03-17

同学你好,代码正确,很棒,祝学习愉快!

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程

相似问题

请老师检查

回答 1

请老师检查

回答 1

老师请检查

回答 1

请老师检查

回答 1

老师请检查

回答 1