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

Javascript 无法添加两个输入字段的值,javascript,Javascript,我无法使用onclick事件添加两个输入字段的值。 我收到过各种各样的错误。我得到的最后一个错误是“TypeError:document.getelementById不是函数 行:8“ 这是密码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>calculadora</title> <script&

我无法使用onclick事件添加两个输入字段的值。 我收到过各种各样的错误。我得到的最后一个错误是“TypeError: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>  

加尔各拉多拉
函数eventsumar(num1,num2){
var x=document.getelementById(“num1”);
var y=document.getelementById(“num2”);
var z=x+y;
};
+
苏马尔
=


代码中有3个问题

  • document.getElementById
    区分大小写<代码>文档。getelementById将不起作用
  • document.getElementById
    将引用对象返回到该Id。您需要添加
    .value
    来读取该值
  • 它们不需要在函数内传递变量。。您正在从函数本身读取它们
函数eventsumar(){
var x=document.getElementById(“num1”).value;
var y=document.getElementById(“num2”).value;
var z=parseInt(x)+parseInt(y);
document.getElementById(“resu”).innerText=z;
};

加尔各拉多拉
+
苏马尔
=


Case在Javascript中很重要,是getElementById而不是getElementById为什么要(尝试)传递甚至不用的参数?@Yourdaman单击
Run code Snippet
输入值并单击submit。太好了,我找到了答案