Как получить значение из input в javascript?

Пользователь

от jaren , в категории: JavaScript , 3 года назад

Как получить значение из input в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от dmitrypro77 , 3 года назад

@jaren Чтобы получить значение из input в Javascript Вы можете из .value ниже пример кода:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<html>
<head>
    <meta charset="utf-8"/>
</head>
<body>
    <label for="search">Input:</label>
    <input name="search" type="text" id="search" value="поиск"/>
</body>
<script>
    let searchElement = document.getElementById("search")
    // Вывод: поиск
    console.log(searchElement.value);
</script>
</html>


Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.

Пользователь

от buster , 2 года назад

@jaren 

Чтобы получить значение из поля ввода input в JavaScript, вы можете использовать свойство value объекта input.


Вот пример:


HTML:

1
2
<input type="text" id="myInput" />
<button onclick="getValue()">Получить значение</button>


JavaScript:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
function getValue() {
  // Получаем элемент input по ID
  var inputElement = document.getElementById("myInput");

  // Получаем значение из элемента input
  var inputValue = inputElement.value;

  // Выводим значение в консоль
  console.log("Значение: " + inputValue);
}


Когда пользователь вводит текст в поле ввода и нажимает кнопку "Получить значение", значение поля ввода будет записано в переменную inputValue, и это значение будет выведено в консоль с помощью функции console.log().