请检查老师，是否有待优化？

来源：4-14 项目作业

张小阳_

2022-07-07 21:09:38

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>计算器</title>
</head>

<body>
    <input type="text" id="num1">
    <select name="" 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="calc">
    <input type="text" id="ret">

    <script>
        // 获取输入框1
        var oNum1 = document.getElementById('num1');
        // 获取输入框2
        var oNum2 = document.getElementById('num2');
        var oRet = document.getElementById('ret');  //最后结果输出框
        var operate = document.getElementById('operate');  //选项运算符
        var oCalc = document.getElementById('calc');    //计算按钮
        oCalc.onclick = function () {
            if (operate.value == '+') {
                oRet.value = (+oNum1.value) + (+oNum2.value);
            } else if (operate.value == '-') {
                oRet.value = oNum1.value - oNum2.value;
            } else if (operate.value == '*') {
                oRet.value = oNum1.value * oNum2.value;
            } else if (operate.value == '/') {
                oRet.value = oNum1.value / oNum2.value;
            }
        };
    </script>
</body>

</html>

写回答

1回答