Как скопировать поле ввода от пользователя при нажатии кнопки и сохранить его в переменной

Question

Я хочу, чтобы пользователь мог записать некоторую форму данных в поле ввода html, а затем скопировать эти данные и сохранить их в переменную javascript, которую я смогу оценить позже.

Я довольно новичок в javascript, и сейчас у меня есть вход и кнопка, настроенная на HTML-странице.

<input id='input' type='text' placeholder='Enter your action...'>
<button id='button'>Enter</button>

button.addEventListener('click', function() {
let userData = inputAfterButtonClick
}

Я ожидаю, что он сохранит введенные пользователем данные и сохранит их в переменной.

Answer 1

С Javascript-

var input = document.getElementById('userInput').value;
alert(input);

С Jquery-

var input = $('#userInput').val();
alert(input);

Answer 2

Существуют различные способы получения входного значения.Вы также можете заключить его в элемент формы.

Используйте document.getElementById

document.getElementById ('id'). Value, чтобы получить значение требуемого элемента ввода

Например:

    <input id='input' type='text' placeholder='Enter your action...'>

    document.getElementById("input").value;

Это очень базовая концепция, поэтому я бы посоветовал вам изучить базовые концепции в JavaScript и HTML.Такие сайты, как w3schools.com или tutorialspoint.com, могут быть полезны.