如何在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中总结两个元素

回答

相关问题