javascript - 如何等待输入填充到 html 页面中，然后在 javascript 中将其值打印到控制台？

Question

我有一个带有输入字段的 HTML 页面
有人在其中输入一些文本
他们点击一个按钮

我想在他们使用一些 JS 代码(客户端)单击按钮后获取输入字段的值，然后将其打印到控制台/将其保存到文件中。

我该如何去做呢？我尝试过寻找，但根本找不到类似的东西:/

谢谢! :)

Answer 1

这个示例应该可以帮助您实现目标。

const inputNode = document.getElementById('input');
const buttonNode = document.getElementById('button');

buttonNode.addEventListener('click', () => {
  const inputValue = inputNode.value;
  
  // do what ever you wan't
});

<input id="input" type="text" />
<button id="button">Click</button>