多次从输入中获取值，无需刷新页面

Question

我有一个输入和一个按钮。当我单击按钮时，我想从输入中获取值并将其放入变量中。如何在不刷新页面的情况下多次执行此操作？ 例子： 输入：约翰 按钮：点击 让 x = 约翰 --> 不刷新页面 输入：鲍勃 按钮：点击 让 x = 鲍勃

Answer 1

您需要一个变量来存储输入的值以及单击按钮时调用的函数。此示例中的 name 保存输入的值，并在每次单击按钮时更新。

let name;
document.querySelector("#btn").addEventListener("click", () => {
  name = document.querySelector("#name").value;
  console.log(name);
});

<input id="name" />
<button id="btn">Click me</button>