如何在javaScript中求和两个元素_Javascript_Html

如何在javaScript中求和两个元素

javascript html

如何在javaScript中求和两个元素,javascript,html,Javascript,Html,这是我的第一个JavaScript程序，我遇到了第一个障碍。谁能告诉我哪里做错了。单击按钮后，我想得到第三个框中前两个框的总和 <!DOCTYPE html> <html> <body> <h1>My First JavaScript</h1> <p>Please input a number.</p> <script> function myFunct

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


我的第一个JavaScript
请输入一个数字
函数myFunction（）
{
var x=document.getElementById（“demo”）.value；
变量y=document.getElementById（“demo1”）.value；
var z=parseInt（x）+parseInt（y）；
document.getElementById（“demo2”）.value=Z；
}
点击我！

JavaScript区分大小写：

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

document.getElementById（“demo2”）.value=Z；// JavaScript区分大小写：
document.getElementById("demo2").value=Z; // <-- Change to lower-case z

document.getElementById（“demo2”）.value=Z；// 试试这个，结果是放置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>


我的第一个JavaScript
请输入一个数字
函数myFunction（）
{
var x=document.getElementById（“demo”）.value；
变量y=document.getElementById（“demo1”）.value；
var z=parseInt（x）+parseInt（y）；
document.getElementById（“demo2”）.value=z；
}
点击我！
试试这个，结果是放置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>


我的第一个JavaScript
请输入一个数字
函数myFunction（）
{
var x=document.getElementById（“demo”）.value；
变量y=document.getElementById（“demo1”）.value；
var z=parseInt（x）+parseInt（y）；
document.getElementById（“demo2”）.value=z；
}
点击我！
此外，除了其他人提出的区分大小写问题外，您的代码还容易出现另一个问题。在尝试调用某个对象上的方法之前，最好先测试对该对象的引用是否有效：
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世界
 此外，除了其他人提出的区分大小写问题外，您的代码还容易出现另一个问题。在尝试调用某个对象上的方法之前，最好先测试对该对象的引用是否有效：
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和java不一样！可能你做错的最大一件事就是没有检查浏览器开发工具中的控制台。这应该是第一件事。如果您从未这样做过，我建议您找到开发人员工具，以便查看错误消息。javascript与java不同！可能你做错的最大一件事就是没有检查浏览器开发工具中的控制台。这应该是第一件事。如果您从未这样做过，我建议您查找开发人员工具，以便查看错误消息。