2016-11-22 22 views
-5
<body style="text-align:center;"> 
     <form> 
     <label id="agefield" for="age">age:</label><input id="age" type="text" maxlength="2" /> 
     <button id="subButton" class="button" >Enter</button> 
     <p id="result"></p> 
     <script> 
      function age() { 
       var age= document.getElementById('age').value; 
       var result= document.getElementById('result'); 

       if (age>=18) { 
        result.textContent = 'You Must be 18 and above to enter'; 
       } 
       else { 
        result.textContent = 'Welcome click <a href=#> here </a> to enter xguineapig'; 
       } 
      } 
      document.addEventListener("DOMContentLoaded", function(event) { 
      var el = document.getElementById('subButton'); 
       el.addEventListener('click', age, false); 
      }); 
     </script> 
    </body> 
+2

请解释什么是错的。 –

+0

你的情况不对。 '> ='表示大于或等于'。你想要的是<='小于或等于 – Rajesh

+2

@Rajesh你的意思是你希望'<'不是'<= :) :) – Keith

回答

4

你,如果你想显示的消息,不>=检查是否是<18

否则,请使用innerHTML而不是textContent正确显示<a>

而且,正如其他人评论的那样,关闭您的form标记。 PS:下次在你的问题中提供更多的细节,人们不应该试图猜测你要求的东西。

<body style="text-align:center;"> 
 
    <form> 
 
    <label id="agefield" for="age">age:</label> 
 
    <input id="age" type="text" maxlength="2" /> 
 
    <button id="subButton" class="button">Enter</button> 
 
    </form> 
 
    <p id="result"></p> 
 
    <script> 
 
     function age() { 
 
     var age = document.getElementById('age').value; 
 
     var result = document.getElementById('result'); 
 

 
     if (age < 18) { 
 
      result.innerHTML = 'You Must be 18 and above to enter'; 
 
     } else { 
 
      result.innerHTML = 'Welcome click <a href=#> here </a> to enter xguineapig'; 
 
     } 
 
     } 
 
     document.addEventListener("DOMContentLoaded", function(event) { 
 
     var el = document.getElementById('subButton'); 
 
     el.addEventListener('click', age, false); 
 
     }); 
 
    </script> 
 
</body>