如何在javaScript中總結兩個元素

這是我的第一個JavaScript程序，我打到了我的第一個路障。誰能告訴我我在哪裏做錯了。我想點擊按鈕如何在javaScript中總結兩個元素

<!DOCTYPE html> 
    <html> 
    <body> 

    <h1>My First JavaScript</h1> 

    <p>Please input a number.</p> 



    <script> 
    function myFunction() 
    { 
    var x=document.getElementById("demo").value; 
    var y=document.getElementById("demo1").value; 
    var z=parseInt(x)+parseInt(y); 

    document.getElementById("demo2").value=Z; 
    } 
    </script> 

    <input id="demo" type="text"> 
    <input id="demo1" type="text"> 
    <input id="demo2" type="text" value=""> 

    <button type="button" onclick="myFunction()">Click Me!</button>

來源

2014-01-23 WannaBeCoder

** javascript與java不一樣！** – BackSlash

您做錯的最大的事情可能不是檢查瀏覽器的開發人員工具中的控制檯。這應該是第一件事。如果您從未這樣做過，我建議您找到開發人員工具，以便查看錯誤消息。 –

JavaScript是區分大小寫後得到的關於第三個框首兩個箱的總和：

document.getElementById("demo2").value=Z; // <-- Change to lower-case z

來源

2014-01-23 19:37:59 Matt

facepalm謝謝！ – WannaBeCoder

試試這個，你是把ž代替作爲結果z。

<!DOCTYPE html> 
    <html> 
    <body> 

    <h1>My First JavaScript</h1> 

    <p>Please input a number.</p> 



    <script> 
    function myFunction() 
    { 
    var x=document.getElementById("demo").value; 
    var y=document.getElementById("demo1").value; 
    var z=parseInt(x)+parseInt(y); 

    document.getElementById("demo2").value=z; 
    } 
    </script> 

    <input id="demo" type="text"> 
    <input id="demo1" type="text"> 
    <input id="demo2" type="text" value=""> 

    <button type="button" onclick="myFunction()">Click Me!</button>

來源

2014-01-23 19:39:23

此外，除了其他人稱呼的區分大小寫問題外，您的代碼還容易出現其他問題。它總是一個好主意來測試你有一個對象的有效引用您試圖調用該對象的一個方法之前：

function myFunction() { 
    // First, get a reference to the form fields 
    var demo = document.getElementById("demo"); 
    var demo1 = document.getElementById("demo1"); 
    // next, test to see if the reference exists with an if construct ... 
    var x = 0; 
    if(demo !== null){ 
     x = parseInt(demo.value, 10); 
    } 
    // you could also use a ternary operator, like this, to do the same thing but 
    // with slightly more compact code... 
    var y = (demo1 !== null) ? parseInt(demo1.value, 10) : 0; 
    var z = x + y; 

    document.getElementById("demo2").value = z; 
}

最後，小進口的問題，最好不要使用單一般實踐中的字母變量名稱。儘早學習並不壞，但養成使變量名稱相關且易於理解的習慣從長遠來看將對您有很大幫助。

祝您好運，歡迎來到廣泛的JavaScript腳本！

來源

2014-01-23 19:53:44

如何在javaScript中總結兩個元素

回答

相關問題