Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.05.2021, 23:32
Новичок на форуме
Отправить личное сообщение для davno_pora Посмотреть профиль Найти все сообщения от davno_pora
 
Регистрация: 03.05.2021
Сообщений: 2

getElementById не рабоает - всегда идет NaN
HTML
<label>Width in mm:</label><br>
<input type="number" min=0 class="spacerSize" id="width" /><br/>
<label>Height in mm:</label><br>
<input type="number" min=0 class="spacerSize" id="height" /><br/>
<button class="btn btn-hero" onclick="showResults()">click me</button>

JS
var width =  document.getElementById("width").value;
var height = document.getElementById("height").value;

function showResults() {
	console.log(width);
    width = parseInt(width);
    height = parseInt(height);
	console.log(width);
	console.log(height);
}

когда нажыимаю кнопку, получается NaN. Почему?
Ответить с цитированием
  #2 (permalink)  
Старый 04.05.2021, 01:29
Аватар для Белый шум
Профессор
Отправить личное сообщение для Белый шум Посмотреть профиль Найти все сообщения от Белый шум
 
Регистрация: 19.01.2012
Сообщений: 428

Потому что переменные width и height заполняются значениями только 1 раз - в момент загрузки страницы. При этом изначальные значения соответствующих инпутов пусты, т.е. соответствуют NaN (Not a Number).

Перенесите заполнение этих переменных в начало функции.
Ответить с цитированием
  #3 (permalink)  
Старый 04.05.2021, 06:41
Новичок на форуме
Отправить личное сообщение для davno_pora Посмотреть профиль Найти все сообщения от davno_pora
 
Регистрация: 03.05.2021
Сообщений: 2

Сообщение от Белый шум Посмотреть сообщение
Потому что переменные width и height заполняются значениями только 1 раз - в момент загрузки страницы. При этом изначальные значения соответствующих инпутов пусты, т.е. соответствуют NaN (Not a Number).

Перенесите заполнение этих переменных в начало функции.
Спасибо огромное! Три дня с этим мучился!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Опыты с NaN. В чём прикол. ILL-JAH Общие вопросы Javascript 10 05.04.2011 19:58