javascript - 仅使用普通 Javascript 提交时从文本输入创建数组

Question

我是 Stack Overflow 的新手，一般来说都是诚实的编码(图形是我的背景)。我还在学习，我的废话可能不对，我提前道歉。

我正在尝试用 vanilla js(或纯 js)编写一个应用程序，并希望用户输入名称，然后将这些名称转换为一个数组，稍后我可以将该数组操作成一个无序列表。

这是我的 HTML:

<h2>Create Your Team</h2>
<input type="text" class="player" name="Player" data-player-type="player" value="enter name" />
<input type="text" class="player" name="Player" data-player-type="player" value="enter name1"/>
<input type="text" class="player" name="Player" data-player-type="player" value="enter name2"/>
<input type="text" class="player" name="Player" data-player-type="player" value="enter name3"/><br />
<input type="button" id="go" value="Go >>" onclick="createJSONObject()" />

到目前为止，这是我的 JS

  const inputs = document.querySelectorAll(".player")
  const values = Array.from(inputs).map(input => input.value)
  console.log('values', values);

这适用于静态条目，但我现在想做的是获取用户的值并在提交按钮(或输入)时将其设为数组。

我能得到一些帮助吗？谢谢。

这也是 JSFiddle。 Link

Answer 1

你需要在你的按钮上创建一个事件监听器:

document.getElementById("go").addEventListener("click", function() {
    // Your JS code
});

顺便说一句，那是纯 JS 的方式。