仅使用vanilla Javascript提交时，从文本输入创建数组

我不熟悉堆栈溢出和一般的诚实编码（图形是我的背景）。我还在学习，我的废话可能会被打断，我提前道歉

我正在尝试用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()" />

这适用于静态输入，但我现在想做的是获取用户的值，并在提交按钮（或enter）时将其作为数组

我能得到一些帮助吗？多谢各位

这也是JSFiddle。

---

您需要在按钮上创建一个事件侦听器：

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

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

更新了你的小提琴：

此代码：

<input type="button" id="go" value="Go >>" onclick="createJSONObject()" />

这不能在一个小提琴中工作，因为a）createJSONObject没有定义，b）从js节调用html节上的js函数不起作用。我很确定js fiddle不允许这样

---

以爱德华多为例。“我的小提琴”是您代码的更新版本，加上他的事件侦听器。

好的，您太棒了。谢谢你的快速回答！而且它工作得完美无缺！非常感谢。是的，我在运行代码时发现了这一点。谢谢你的帮助！

<input type="button" id="go" value="Go >>" onclick="createJSONObject()" />