使用JavaScript将数值插入到文本框中

Question

我已经为学校分配了一个使用JS的基本计算器，但无法将结果返回到文本框中。这里是我的代码：

<form> 
     <input type="textbox" id="val1"> Primo valore 
     <br><br> 
     <input type="textbox" id="val2"> Secondo valore 
     <br><br> 


     <script>  
      function getFloatValue(x) { 
       var xf = parseFloat(x.value) 
       return xf 
      } 
     </script> 

     <script> 
      var a = document.getElementById("val1") 
      var b = document.getElementById("val2") 


      var af = getFloatValue(a) 
      var bf = getFloatValue(b) 


      function calculate(a,b,op) { 
       var r    
       switch (op.value) { 
        case '+': return a+b 
        case '-': return a-b 
        case '/': return a/b 
        case '*': return a*b 
       } 
      } 
     </script> 



     <input type="button" value="+" onclick="document.getElementById('result').value = calculate(af, bf, '+')"> 
     <input type="button" value="-" onclick="document.getElementById('result').value = calculate(af, bf, '-')"> 
     <input type="button" value="/" onclick="document.getElementById('result').value = calculate(af, bf, '/')"> 
     <input type="button" value="*" onclick="document.getElementById('result').value = calculate(af, bf, '*')"> 


     <br><br> 
     <input type="textbox" id="result" value=''> Risultato 
     <br><br> 
     <input type="reset" name="reset" value="Resetta tutto"> 
    </form> 

我做了很多的尝试，但没有人以下工作：\

预先感谢您：d

Answer 1

• 不是传递variables，导通元件ID的属性，以便我们可以使用id
• op.valueop.value没有意义，因为您正在将硬编码string作为符号

function getFloatValue(x) { 
 
    return parseFloat(x.value); 
 
} 
 

 

 
function calculate(a, b, op) { 
 
    var a = document.getElementById(a); 
 
    var b = document.getElementById(b); 
 
    a = getFloatValue(a); 
 
    b = getFloatValue(b); 
 
    var r 
 
    switch (op) { 
 
    case '+': 
 
     return a + b 
 
    case '-': 
 
     return a - b 
 
    case '/': 
 
     return a/b 
 
    case '*': 
 
     return a * b 
 
    } 
 
}

<form> 
 
    <input type="textbox" id="val1">Primo valore 
 
    <br> 
 
    <br> 
 
    <input type="textbox" id="val2">Secondo valore 
 
    <br> 
 
    <br> 
 

 
    <input type="button" value="+" onclick="document.getElementById('result').value = calculate('val1', 'val2', '+')"> 
 
    <input type="button" value="-" onclick="document.getElementById('result').value = calculate('val1', 'val2', '-')"> 
 
    <input type="button" value="/" onclick="document.getElementById('result').value = calculate('val1', 'val2', '/')"> 
 
    <input type="button" value="*" onclick="document.getElementById('result').value = calculate('val1', 'val2', '*')"> 
 

 

 
    <br> 
 
    <br> 
 
    <input type="textbox" id="result" value=''>Risultato 
 
    <br> 
 
    <br> 
 
    <input type="reset" name="reset" value="Resetta tutto"> 
 
</form>

Answer 2

function isNumber(n) { 
    return !isNaN(parseFloat(n)) && isFinite(n); 
}