Javascript: 循环到任何带有 even/odd 描述的数字。为什么它只记录用户输入？

Question

我需要让这个脚本中的循环计数到用户输入的任意数字。

它准确地描述了用户输入，但不会循环计数。

我该如何解决这个问题？我应该以不同的方式编码吗？

我是 javascript 的新手，一般来说是编码，如有任何建议，我们将不胜感激！

这是我目前的情况：

function clickAlert2() {
  var whatNum = document.getElementById("userEnterNum").value;
  for (var i = 1; i <= whatNum; i++) {
    if (i % 2 === 0)  
      document.getElementById("evenOddList").innerHTML = i + ". National Gamers - EVEN <br>";
    else if (i % 2 === 1)
      document.getElementById("evenOddList").innerHTML = i + ". National Gamers - ODD <br>";
  }
}

Answer 1

现在我明白你想要什么了。这是代码。只需复制和粘贴即可。

<input type="text" id="userEnterNum">
<button type="button"
        onclick="clickAlert2()">Test
</button>
<div id="evenOddList"></div>

function clickAlert2() {
  var whatNum = document.getElementById("userEnterNum").value;
  var whatNum = parseInt(whatNum);  // this will parse the string to a number
  for (var i = 1; i <= whatNum; i++) {
   if (i % 2 == 0) {
      document.getElementById("evenOddList").innerHTML += i + ". National Gamers - EVEN <br>";
    } else {
      document.getElementById("evenOddList").innerHTML += i + ". National Gamers - ODD <br>";
    }
  }
}

Answer 2

作为尝试修复代码的初步想法，请尝试在 var whatNum = document.getElementById("userEnterNum").value; 之后添加 alert(whatNum) - 也许该元素不存在 id 或具有 value 与您期望的不同。也尝试添加 alert(1 <= whatNum) - 如果要执行 for 循环体，它应该是 true。

还请 post 相应的 HTML 或 HTML 片段、您正在测试的用户输入以及针对该用户输入观察到的浏览器输出（如果有的话）。此外，检查您的浏览器控制台和 post 当运行此 JavaScript 代码时输出的任何内容。谢谢，祝你好运！

Javascript: 循环到任何带有 even/odd 描述的数字。为什么它只记录用户输入？

Javascript: Looping to any number with even/odd descriptions. Why does it just record the user input?

javascript

counter

for-loop

if-statement

getelementbyid