无法添加两个输入字段的值

-1

我无法通过onclick事件添加两个输入字段的值。我收到了所有不同类型的错误。最后的错误我得到的是“类型错误：的document.getElementById不是一个函数线：8”无法添加两个输入字段的值

这是代码

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <title>calculadora</title> 
    <script> 
     function eventsumar(num1, num2) { 
     var x = document.getelementById("num1"); 
     var y = document.getelementById("num2"); 
     var z = x + y; 
     }; 
    </script> 
    </head> 
    <body> 
     <form> 
      <input type="number" id="num1"> 
      <strong>+</strong> 
      <input type="number" id="num2"> 
      <button type="button" onclick=eventsumar(num1, num2) value="Sumar">sumar</button> 
      <strong>=</strong> 
     </form> 
     <p id="resu"></p> 
    </body> 
</html>

来源

2017-09-15 Yourdaman

案例事项在Javascript中，它的getElementById没有的getElementById –

为什么你（试图）通过你甚至不使用参数？ – j08691

有代码3个问题。

document.getElementById区分大小写。 document.getelementById将无法正常工作。
document.getElementById将返回参考对象到该Id。您需要添加.value来读取值。
他们不需要传递函数内部的变量..你正在从函数本身读取它们。

 function eventsumar() { 
 
     var x = document.getElementById("num1").value; 
 
     var y = document.getElementById("num2").value; 
 
     var z = parseInt(x) + parseInt(y); 
 
     document.getElementById("resu").innerText = z; 
 
     
 
     };

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <meta charset="UTF-8"> 
 
     <title>calculadora</title> 
 
    
 
    </head> 
 
    <body> 
 
     <form> 
 
      <input type="number" id="num1"> 
 
      <strong>+</strong> 
 
      <input type="number" id="num2"> 
 
      <button type="button" onclick="eventsumar()" value="Sumar">sumar</button> 
 
      <strong>=</strong> 
 
<p id="resu"></p> 
 
     </form> 
 
     
 
    </body> 
 
</html>

来源

2017-09-15 19:00:20

它也不工作... – Yourdaman

@Yourdaman点击'运行代码片段'输入值，然后单击提交。 –

太棒了，我想通了 – Yourdaman

无法添加两个输入字段的值

回答

相关问题