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

Question

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

1

Мне нужно, чтобы цикл в этом скрипте подсчитывался до любого числа, которое вводит пользователь.

Он точно описывает ввод пользователя, но не зацикливается и не подсчитывает его.

Как я могу это исправить? Должен ли я кодировать его по-другому?

Я очень новичок в 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>";
  }
}

ScienceOfTheBurn 21 сен. 2018, в 02:36

Источник

1

document.getElementById("evenOddList").innerHTML = - каждая итерация перезаписывает то, что делала предыдущая итерация - вы можете захотеть +=
Jaromanda X 20 сен. 2018, в 23:58

Теги:

javascript

for-loop

if-statement

counter

getelementbyid

2 ответа

0

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

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

Mark A. Fitzgerald 21 сен. 2018, в 00:44

Ещё вопросы

document.getElementById("evenOddList").innerHTML = - каждая итерация перезаписывает то, что делала предыдущая итерация - вы можете захотеть +=

Arthur Brant · Accepted Answer · 2018-09-20T21-38-00.000Z

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

Arthur Brant 20 сен. 2018, в 21:38

0

Я попытался приспособить ваш код к моему, но, похоже, это та же проблема. Если это помогает визуализировать, вот как должен выглядеть <id> evenOddList: Допустим, вы ввели 5 1. Национальные геймеры - ODD 2. Национальные геймеры - EVEN 3. Национальные геймеры - ODD 4. Национальные геймеры - EVEN 5. Национальные Геймеры - ODD Я продолжаю получать: С пользовательским вводом 5 5. Национальные геймеры - ODD
ScienceOfTheBurn 21 сен. 2018, в 01:34
0

Так что я думаю, что не очень хорошо понял твою проблему. Вы хотите составить свой вывод?
Arthur Brant 21 сен. 2018, в 01:37
0

Извините, я не знал, что комментарий был бы настолько перемешан! Я хочу, чтобы мой вывод считал 1 через «пользовательский ввод», а также описывал каждое число как четное или нечетное.
ScienceOfTheBurn 21 сен. 2018, в 01:45
1

Теперь я понял, что вы хотите. Я отредактировал свой пост. Получите мой код и попробуйте. Я сделал следующее: внутри своего if-else, как сказал @ jaromanda-X, вы переписывали свои сообщения каждую итерацию. Вместо использования «=» в «document.getElementById (« evenOddList »). InnerHTML =», вы должны использовать «+ =», чтобы добавить предыдущее сообщение к новому.
Arthur Brant 21 сен. 2018, в 01:55
1

Это сделал это! Спасибо вам обоим!
ScienceOfTheBurn 21 сен. 2018, в 02:06
0

Отличная работа. Но я бы предложил вам другой способ сделать это, более элегантный. Внутри вашего IF-ELSE вы должны создать <p> </ p>, добавить свой контент между тегом, а затем добавить в свой «evenOddList» в качестве дочернего элемента.
Arthur Brant 21 сен. 2018, в 02:16
0

Это можно сделать, выполнив: создайте текстовый узел с помощью «var text = document.createTextNode (« ваш текст »)», затем создайте элемент абзаца с помощью «var p = document.createElement ('p')», добавьте свой текст в абзаце с «p.appendChild (text)», затем добавьте свой абзац в ваш «evenOddList» как дочерний элемент с «document.getElementById (« evenOddList »). appendChild (p)».
Arthur Brant 21 сен. 2018, в 02:24

Показать ещё 5 комментариев