javascript - ES6 推送并绑定(bind)到数组

Question

当我试图解释我的问题时，请原谅我的新手措辞(我也进行了搜索，但一无所获，我也想使用 ES6，而不是 jQuery)

我试图有一个文本输入，输入时它会被插入一个空数组中。当输入更多输入时，我也希望将其绑定(bind)到数组。

所以我已经可以正常工作了。我可以在数组中获取一件东西，但我似乎无法将其他东西放入其中。这是我到目前为止所拥有的:

我的html:

<input type="text" class="theplayer pre" name="Player" id="bind" placeholder="Enter Names" onclick='javascript: this.value = ""' />

我的JS:

    let namesOfPlayers = [];
    const currentValue = document.getElementById("bind").value;
    namesOfPlayers.push(currentValue);
    //I don't know how to add in another text/value here
    console.log('namesOfPlayers', namesOfPlayers);

我不知道我是否应该在这里为每个执行 a 操作，或者是否有办法将另一个值绑定(bind)到数组中。

感谢并非常感谢您让我尝试笨拙地解释这一点。

Answer 1

您可以包括<input type="button">元素作为 <input type="text"> 的同级元素元素。在click上<input type="button"> .push() .value的<input type="text">到数组

<input type="text" 
       class="theplayer pre" 
       name="Player" 
       id="bind" 
       placeholder="Enter Names" />
<input type="button" value="click" />
<script>
  let namesOfPlayers = [];
  let input = document.getElementById("bind");
  let button = input.nextElementSibling;
  button.addEventListener("click", function() {
    namesOfPlayers.push(input.value);
    console.log(namesOfPlayers);
  });
</script>