Javascript: цикл на любое число с четными / нечетными описаниями.Почему он просто записывает ввод пользователя?

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

В качестве начальной идеи, чтобы попытаться исправить ваш код, попробуйте добавить alert(whatNum) после var whatNum = document.getElementById("userEnterNum").value; - возможно, элемент не существует с этим id или имеет value, отличный от того, что вы ожидаете.Попробуйте также добавить alert(1 <= whatNum) - это должно быть true, если тело цикла for должно быть когда-либо выполнено.

Пожалуйста, также опубликуйте соответствующий фрагмент HTML или HTML, пользовательский ввод, который вы тестируете, инаблюдаемый вывод браузера для этого пользовательского ввода - если таковые имеются.Кроме того, проверьте консоль браузера и опубликуйте все, что выводится при запуске этого кода JavaScript.Спасибо и удачи!

Answer 2

Теперь я понял, что вы хотите.Вот кодПросто скопируйте и вставьте.

<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>";
    }
  }
}