简单的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

JavaScript不会以您打算使用它们的方式使用指针。你有你的结果明确写入到输出领域：

function calc(){ 
    // most of your stuff 
    // just replace the var w = document ... line with just 
    var w; 

    // your other code 

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

此外，你应该分析输入值到使用要么parseInt()或parseFloat()一个数字。例如，如果您不使用JavaScript，则会将输入值视为字符串，然后将+解释为字符串连接。

Example Fiddle

Answer 2

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

这不会允许您设置W和然后让<input/>更新本身。您可以改为执行以下其中一项操作。

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

OR

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

此外，如果奖励积分您验证表单（漂亮的功能对于这种情况是IsNumeric()）