【问题标题】:Else and If not working properly Javascript [closed]否则,如果无法正常工作 Javascript [关闭]
【发布时间】:2016-11-22 10:39:08
【问题描述】:
<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>

【问题讨论】:

  • 请说明问题所在。
  • 你的条件不对。 &gt;= 表示 greater than or equal to。你要的是&lt;=小于等于
  • @Rajesh 你的意思是你想要&lt; 而不是&lt;= :)
  • 其实你想要
  • 对这个问题投赞成票的人应该被枪杀。

标签: javascript if-statement


【解决方案1】:

如果要显示该消息,则必须检查是否是 &lt;18,而不是 &gt;=

否则,请使用innerHTML 而不是textContent 以正确显示&lt;a&gt;

此外,正如其他人所评论的,关闭您的 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>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-09-29
    • 2022-01-14
    • 2023-03-09
    • 1970-01-01
    • 2016-05-08
    • 1970-01-01
    • 2014-04-15
    • 1970-01-01
    相关资源
    最近更新 更多