Question

我无法使用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>

Answer 1

代码中有3个问题。

document.getElementById区分大小写。 document.getelementById无效。
document.getElementById会将引用对象返回给该Id。您需要添加.value才能读取该值。
他们不需要在函数内传递变量..你正在从函数本身读取它们。

＆＃13;

        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;
       
        };

＆＃13;

 <!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>

＆＃13;

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

1 个答案: