在不刷新页面的情况下多次从输入中获取值

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>

Get value from input several times without refreshing the page