Question

在我试图解释我的问题时，请原谅我的新手措辞（我也做了搜索并没有提出任何问题，我也想使用ES6，而不是jQuery）

我正在尝试输入文本，输入时会将其推入空数组。当输入更多输入时，我希望将其绑定到数组。

所以我有它的工作，有点。我可以在数组中得到一个东西，但我似乎无法进入其他任何东西。这是我到目前为止所做的：

我的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);

我不知道我是否应该为每个人做一个或者是否有办法将另一个值绑定到数组中。

非常感谢，让我试着笨拙地解释一下。

Answer 1

您可以将<input type="button">元素包含为<input type="text">元素的兄弟。 click <input type="button"> .push() .value <input type="text">到数组

＆＃13;

<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>

＆＃13;

ES6推送并绑定到一个数组

1 个答案: