Question

这是我的第一个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>

Answer 1

JavaScript区分大小写：

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

Answer 2

试试这个，结果是你把Z而不是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>

Answer 3

此外，除了其他人提出的区分大小写问题之外，您的代码还容易出现其他问题。在尝试调用该对象上的方法之前，测试您是否有对象的有效引用总是一个好主意：

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

最后，作为一个小的导入问题，最好不要在一般实践中使用单字母变量名。这对于早期学习来说并不坏，但是从长远来看，养成使变量名相关且可理解的习惯会对你有很大帮助。

祝你好运，欢迎来到Javascripting的广阔世界！

如何在javaScript中求和两个元素

3 个答案: