Javascript 如何在使用appendChild时在变量中读取和存储多个用户输入

我一直在尝试读取多个用户输入字段，并将它们存储在一个变量中，这样我就可以获取它们输入的内容，并在单独的函数中使用它们。不幸的是，我根本无法读取输入，每当我尝试使用.getElementByID引用它时，我总是会发现它是空的

我试图解决的问题是，系统会提示用户向我提供一些他们想要分摊账单的人的姓名。如果他们输入5，则会显示5条文本提示，要求他们提供每个人的姓名。我希望能够读取5个名称并将它们存储在数组或变量中，以便以后在其他函数中使用这些名称。我不知道如何读取和存储这些名称，在网上查看了许多不同的解决方案后，我一直无法解决它

任何帮助都将不胜感激。连接下面代码的两个主要部件

函数addFields（）{
//要创建的输入数
var number=document.getElementById（“成员”）.value；
//将放置动态内容的容器
var container=document.getElementById（“容器”）；
//清除容器以前的内容
while（container.hasChildNodes（））{
container.removeChild（container.lastChild）；
}
对于（i=0；i

步骤1：输入用户姓名
请在下面输入用户姓名：
成员人数：（最多10人）





七十：简单的分手方式

您可以将所有输入放入表单中，在该表单中放入id，并使用表单元素的elements属性读取表单数据

这里有一个例子：

document.querySelector（#test”）.appendChild（document.createElement（“input”）；
document.querySelector（“#test”）.appendChild（document.createElement（“input”））；
document.querySelector（“#test”）.appendChild（document.createElement（“input”））；
函数showFormValues（）{
让输入=document.querySelector（“#test”）.elements；
var values=“”
对于（i=0；i

测试