按下按钮时如何从用户那里复制输入字段并将其保存到变量中

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

有多种方法可以获取输入值。您也可以将其包装在表单元素中。

利用 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 等网站可能会有所帮助。

Answer 2

使用 Javascript-

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

使用 Jquery-

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