無法添加兩個輸入字段的值

-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

無法添加兩個輸入字段的值

回答

相關問題