javascript - 如何将用户输入存储到数组中？

Question

如何存储来自 <input type="text"> 的用户输入？到 Javascript 中的数组？到目前为止我有这个:

<input type="text" id="user_input">
<button type="button>click</button>

<script>
const myArray = [];
//what next? I don't mind using console.log to test
</script>

Answer 1

首先，您可以使用 onclick <button> 中的属性, 可以在点击按钮时执行一个函数。

<button type="button" onclick="addData()">click</button>

在您的 JavaScript 中，您将定义 addData() 函数。

const inputData = [];

const addData = () => {
  const inputText = document.getElementById('user_input');
  inputData.push(inputText.value);
}

这是给你的演示:

<input type="text" id="user_input">
<button type="button" onclick="addData()">click</button>

<script>
const inputData = [];

const addData = () => {
  const inputText = document.getElementById('user_input');
  inputData.push(inputText.value);
  console.log(inputData);
}
</script>