Как получить значение поля input в JavaScript
JS input value - это свойство объекта input, которое хранит значение, введенное пользователем в поле ввода на веб-странице.
Например, если на странице есть поле ввода с идентификатором "myInput", то можно получить его значение следующим образом:
js
const inputElement = document.getElementById("myInput");
const inputValue = inputElement.value;
В данном примере мы используем метод `getElementById()` для получения ссылки на элемент с указанным идентификатором, а затем свойство `value` - для получения его текущего значения.
Также, значение input можно обновлять programmaticaly:
js
inputElement.value = "New value";
В этом примере мы устанавливаем новое значение через присваивание свойству `value`. Это может быть полезно, например, при использовании динамических форм, где значения полей изменяются в зависимости от других пользовательских действий.
Или например, можно проверить текущее значение input на соответствие какому-нибудь шаблону:
js
const pattern = /([A-Za-z]+) (\d+)/;
if (pattern.test(inputValue)) {
console.log("Valid input");
} else {
console.log("Invalid input");
}
В данном примере мы используем регулярное выражение для проверки, что значение input содержит название города и его почтовый индекс. Если проверка проходит успешно, то выводится сообщение "Valid input", иначе - "Invalid input".
В общем, свойство value позволяет получать текущее значение input, устанавливать его, а также проверять конкретные условия на текущее значение. Это очень полезный элемент Web API, который широко используется при работе со вводными формами в веб-разработке.