В чем ошибка? Javascript.

Question

В чем ошибка? Javascript.

иван савин Ученик (42), на голосовании 1 год назад

document.querySelector("#timepicker_button_2").addEventListener("touchstart", function () {
let input = document.getElementById('timepicker_name').value;
console.log(input);
})
выводит undefined. Беру именно нужный элемент. В чем проблема?

Дополнен 1 год назад

Поменял в js и html id на class, сразу все заработало.

Answer 1

Ошибка может быть связана с тем, что вы пытаетесь получить значение элемента input с id "timepicker_name", но не уверены, что этот элемент существует в момент выполнения скрипта.

Если элемент не существует, то его значение будет undefined, что и выводится в консоль.

Чтобы исправить ошибку, убедитесь, что элемент с id "timepicker_name" существует на странице и его значение было установлено до момента выполнения скрипта. Вы можете проверить это, например, добавив console.log(document.getElementById('timepicker_name')) перед строкой let input = document.getElementById('timepicker_name').value;. Это позволит убедиться в том, что элемент существует и его значение доступно.

Если элемент не существует, проверьте правильность написания id элемента, а также убедитесь, что он был добавлен на страницу до выполнения скрипта.

Answer 2

Нахрена использовать getElementById, когда можно использовать универсальный querySelector?

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

Answer 3

Скорее всего неправильно выбираешь элемент, что напутал с названиями id. И непонятна твоя логика, первый id ты выбираешь querySelector а второй getElementById. Используй универсальный querySelector