javascript - 带 Switch 的简单 JavaScript 计算器

Question

我需要一些关于我用 javascript 做的简单计算器的帮助。

js代码如下(老师要我用4个函数，每一种操作):

<script>

            function plus(a,b) {
                return (a + b);
            }

            function minus(a,b) {
                return (a - b);
            }

            function multiply(a,b) {
                return (a * b);
            }

            function divide(a,b) {
                return (a / b);
            }

            function calc() {

                var x = document.getElementById("oper1").value;
                var y = document.getElementById("operx").value;
                var z = document.getElementById("oper2").value;
                var w = document.getElementById("resul").value;

                switch (y) {
                    case '0':
                        w = plus(x, z);
                        break;

                    case '1':
                        w = minus(x, z);
                        break;

                    case '2':
                        w = multiply(x, z);
                        break;

                    case '3':
                        w = divide(x, z);
                        break;

                    default:
                        w = "Don't really know..";
                }

            }

</script>
<input type="text" id="oper1" value="">

<select id="operx">
    <option value="0">SUMAR</option>
    <option value="1">RESTAR</option>
    <option value="2">MULTIPLICAR</option>
    <option value="3">DIVIDIR</option>
</select>

<input type="text" id="oper2" value="">
<input type="button" onClick="calc();" value="=">
<input type="text" id="resul" value="">

我的代码不工作，实际上没有响应任何东西，我没有看到任何错误，所以我可以调试...如果您在这里看到我的错误，谁能告诉我吗？我已经尝试了数百种组合，但没有调试控制台或其他东西。

Answer 1

var w = document.getElementById("resul").value;

这不允许您设置 W 然后拥有 <input/>更新自己。您可以改为执行以下操作之一。

设置后w做 document.getElementById("resul").value=w;

或

var w = document.getElementById("resul");
w.value=etc.

此外，如果您验证了您的表单，还可以加分(这个案例的好函数是 IsNumeric() )