2016-11-22 20 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>