Пишу интерактивную страничку бинарного поиска, где пользователь сам вводит значения границ массива, искомого значения и т.д. Нахожусь на стадии валидации поля искомого числа, чтобы оно не вываливалось за пределы массива. Логика проста, если число больше или меньше границ массива - выводится алерт с ошибкой и значение инпута сбрасывается до значения по умолчанию:
let num = document.querySelector('.main__input-number').value
if (num > max || num < min) {
alert('Wrong number!\nCheck if it is included in the array interval and try again.');
num = 1;
}
В таком случае, сброс значения инпута до единицы происходить не будет (непонятно почему), но если отказаться от переменной num, просто использовать селектор, то сброс происходит:
let num = document.querySelector('.main__input-number').value
if (num > max || num < min) {
alert('Wrong number!\nCheck if it is included in the array interval and try again.');
document.querySelector('.main__input-number').value = 1;
}
Помогите, пожалуйста, объяснив почему инпут не хочет принимать значение через переменную, ведь так код смотрится красивее и отказываться от такого способа не хочется. Заранее спасибо
.value
- строка, что чревато множеством ошибок.DOM
) об этом ничего не знает. Во втором варианте вы меняетеDOM
и пользователь видит это изменение.