JavaScript - 将输入框中的值添加到数组

Question

目标是向数组中添加另一个项目，并制作一个类似 ["Car", "House", "Boat"] 等的数组。

发生的事情是当我控制台日志时，我的数组中只有一个项目，而不是我从表单提交的所有值。

这是我的表格

<form onsubmit="guardarNumeros()">
 <p>Please insert the items</p>
 <input type="text" id="box">
 <input type="submit" value="Submit">
</form>

我的js

function guardarNumeros(){

 var items = [];
 boxvalue = document.getElementById('box').value;
 items.push(boxvalue);  
 console.log(items);

}

谢谢你 !

Answer 1

您的 items数组在您的 guardarNumeros 范围内函数并且每次都会被声明guardarNumeros被调用，如果你想让它持续存在，它需要在外面:

var items = [];

function guardarNumeros() {
  boxvalue = document.getElementById('box').value;
  items.push(boxvalue);  
  console.log(items);
}

正如评论中提到的，表单提交默认会刷新页面，为防止这种情况，您需要返回 false:

<form onsubmit="return guardarNumeros()">

function guardarNumeros() {
  boxvalue = document.getElementById('box').value;
  items.push(boxvalue);  
  console.log(items);
  return false;
}