Question

我知道这是一个基本的事情，但刚开始的人。

所以我需要创建一个带有设置页面标题，设置主标题，表单输入字段和输入按钮的表单。当单击输入按钮时，程序必须检查输入到输入字段中的年龄，如果低于17则显示一条消息，如果是17或超过则显示另一条消息。

这是我的代码 - if函数不起作用 - 任何想法？

<html>
    <head>
      <title>Name of set title</title>
      <script language="javaScript">
        function AgeLimits()
        {
          if(yourage>=17) document.write("You are old enough to drive");
          else document.write("You are too young to drive");
        }
      </script>
    </head>
  <body>
    <h1>Name of set question</h1>
    <p>Please enter your age below</p>
    <hr/>
    <form name="Name of set question">
        <p><input type="text"length="3"name="yourage"></p>
        <p><input type="button"value="Enter"onClick="AgeLimits();"></p>
        <hr/>
    </form>
  </body>
</html>

Answer 1

您需要选择元素以获取用户键入的值：

<html>
<head>
<title>Name of set title</title>
<script language="javascript">
    function AgeLimits()
    {
        var yourage = document.getElementById("yourage").value;

        if (yourage >= 17) 
            alert("You are old enough to drive");
        else 
            alert("You are too young to drive");
    }
</script>
</head>

<body>
    <h1>Name of set question</h1>
    <p>Please enter your age below</p>
    <hr />

    <form method="post">
        <p><input type="text" length="3" id="yourage"></p>
        <p><input type="button" value="Enter" onclick="AgeLimits()"></p>
    </form>
    <hr />
</body>
</html>

Answer 2

这不是在文本字段中输入文本的方法。正确的方法是document.getElrmentByName（'yourage'）。value。由于您正在检查未定义的变量的值，因此您的条件始终执行其他部分

Answer 3

功能应该是这样的

function AgeLimits()
{
    var yourage=document.getElementById("age").value;
    if(yourage>18)
        window.alert("You are eligible to vote");
    else
        window.alert("You are not eligible.Sorry")
}

在文本输入中添加属性id="age"！

HTML表单，它接受输入并具有if函数

3 个答案: