Как передать ввод текстового поля HTML в переменную Javascript

Question

Я делаю динамический JS-код, который будет включать ввод текста пользователем.Когда пользователь вводит текст, переменная JavaScript, которую я создаю, будет изменяться в зависимости от этого.Однако, он не возвращает пользовательский ввод.

Я попытался использовать приведенный пример, где я создаю форму, присваиваю ей значение и пытаюсь ссылаться на нее в своем JavaScript.Я посмотрел много статей, прежде чем приехать сюда, и ни одна из них не отвечает на мой вопрос.Код всегда возвращает значение в фактическом теге HTML, а не ввод пользователя.

Каждый раз, когда я использую это, например;

    <form>
    <input type="text" name="textie" value="TypeHere">
    </form>

и пытаюсь получить его, используя что-то вроде этого ...

    var userInput = document.getElementById('TypeHere').value; 

... страница возвращается«TypeHere» вместо пользовательского ввода.Что я делаю не так?

Я ожидаю увидеть пользовательский ввод, но он всегда возвращает значение (в данном случае TypeHere).

Answer 1

Укажите две вещи:

• событие, когда ваша функция должна быть вызвана.
• сама функция

function myfunc(val) {
  alert(val)
}

<input type="text" name="textie" value="TypeHere" onchange="myFunc(this.value)">

https://www.w3schools.com/js/js_events.asp

Answer 2

когда вы используете document.getElementById, вы должны использовать значение ID НЕ.

function printText(){
 var userInput = document.getElementById('dd').value;
 alert(userInput)}

<form>
    <input id = "dd" type="text" name="textie" onchange="printText()" >
    </form>