Question

<body>
    <input id="age">
    <button onclick="myFunction()">Submit</button>
    <p id="demo"></p>    
<script>
        function myFunction() 
        {
            var a;
            age = document.getElementById('age').value;
            a = (age < 18) ? "Too Young" : "Old Enough";
            document.getElementById('demo').innerHTML = a + "To Vote";
        }
    </script>
</body>

我无法理解“age = document.getElementById（'age'）。value”和实际上“.value”函数的作用???任何人都可以简单解释一下吗？

Answer 1

获得value id元素的age。

因此，在您的情况下，如果点击“提交”按钮，您input id age，则会运行该功能并获取值。

阅读材料

document.getElementById

Answer 2

您的网页上有一个ID为age的文本框。您在页面上也有一个名为Submit的按钮。选择“提交”按钮后，它会调用javascript函数，其中变量a被定义为年龄文本框中的任何值。然后检查年龄，看看值是大于还是小于18.根据结果，你会在p标签的屏幕上打印一些文字，说太年轻或太老了。 .value只是获取该文本框的值

Answer 3

该计划试图简单地验证年龄并得出结论。但它有一些代码需要注意

1）age未定义为var。所以它将被视为一个全局变量，这可能会造成混乱。所以varibale应该总是附带一个var关键字，它也定义了它的范围。

2）(age < 18) ? "Too Young" : "Old Enough"; 这是三元运算符。想想像这样的案例

if(age<18){
     "Too Young"
  }
  else{
   "Old Enough"
  }

而不是使用循环'?'验证年龄是否小于18.如果为真，则“太年轻”。（:）是或运算符。如果年龄不小于18，那么“Old Enough”。一旦a变量设置为此行document.getElementById('demo').innerHTML = a + "To Vote"; 用于附加结果.JS将查找标识为demo的DOM元素，innerHTML将附加文本。

有人可以解释下面的程序吗？

3 个答案: