Javascript 从用户输入和打印循环输出生成循环和数组

我正在编辑一个现有的html文件。我必须添加一个数字输入字段，允许用户指示他们想要输入信息的志愿者人数，并在所述字段中按enter键后，生成下表中的其他输入字段。然后，在提交表格时，底部的文本将用表格中输入的文本替换占位符，并在第一个字段中显示的志愿者人数中重复

我是javascript新手，所以还有很多东西我不太懂，但我正在努力学习。我曾尝试引用我需要执行的每个动作的类似孤立示例，但没有一个动作真正结合在一起或对我有效。我知道我应该使用循环函数和数组函数，但不能真正将它们连接起来

我有数字字段的代码以及将被替换的文本的javascript，如下所示：

函数changeText（）{
var recipient=document.getElementById（'recipient'）。值；
document.getElementById（'recipientName'）。innerHTML=收件人；
var organization=document.getElementById（'organization'）。值；
document.getElementById（'organizationName'）。innerHTML=组织；
var date=document.getElementById（'date'）。值；
document.getElementById（'eventDate'）。innerHTML=date；
var url=document.getElementById（'url'）。值；
document.getElementById（'websiteURL'）。innerHTML=url；
var host=document.getElementById（'host'）。值；
document.getElementById（'hostName'）。innerHTML=host；
返回false；
}

正文{
字体：15px arial，无衬线；
颜色：#808080；
}
输入[类型=文本]，
选择，
输入[类型=密码]，
无线电{
宽度：100%；
填充：12px 20px；
利润率：8px0；
显示：内联块；
边框：1px实心#ccc；
边界半径：4px；
框大小：边框框；
}
输入[类型=提交]{
宽度：100%；
背景色：#800D1E；
颜色：白色；
填充：14px 20px；
利润率：8px0；
边界：无；
边界半径：4px；
光标：指针；
}
输入[类型=提交]：悬停{
背景色：#802F1E；
}
部分{
边界半径：5px；
背景色：#F2F2；
填充：20px；
}
文章{
边界半径：5px；
背景色：#中交；
填充：20px；
颜色：#22222；
}
ul.topnav{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
}
ul.topnav li{
浮动：左；
}
ul.topnav li a{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
ul.topnav li a:悬停：未（.active）{
背景色：#111；
}
ul.topnav li a.active{
背景色：#中交；
颜色：#333
}
ul.topnav li.对{
浮动：对；
}
@媒体屏幕和屏幕（最大宽度：600px）{
ul.topnav li.对，
ul.topnav li{
浮动：无；
}
}
.顶{
位置：相对位置；
背景色：#ffffff；
高度：68px；
填充顶部：20px；
线高：50px；
溢出：隐藏；
z指数：2；
}
.标志{
字体系列：arial；
文字装饰：无；
线高：1；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
字体大小：37px；
字母间距：3px；
颜色：#555555；
显示：块；
位置：绝对位置；
顶部：17px；
}
.logo.com{
颜色：#800D1E
}
托普纳夫先生{
位置：相对位置；
z指数：2；
字号：17px；
背景色：#5F5F；
颜色：#f1f1；
宽度：100%；
填充：0；
字母间距：1px；
}
.顶部.徽标{
位置：相对位置；
排名：0；
宽度：100%；
文本对齐：左对齐；
保证金：自动
}
页脚{
位置：绝对位置；
右：0；
底部：0；
左：0；
填充：1rem；
背景色：#EFEF；
文本对齐：居中；
}
美术馆{
保证金：5px；
边框：1px实心#ccc；
浮动：左；
宽度：180px；
}
部门画廊：悬停{
边框：1px实心#777；
}
美术馆副馆长{
宽度：100%；
高度：自动；
}
分区描述{
填充：15px；
文本对齐：居中；
}

邀请页












志愿者人数：


收件人姓名：
机构名称：
活动日期：
网址：
主机名：
你好，收件人姓名！



您已被邀请自愿参加由organizationName在eventDate举办的活动。请访问以下网站：websiteURL注册为
志愿者。



谢谢！




主机名

欢迎使用堆栈溢出！StackOverflow不是免费的编码服务。请更新您的问题，以显示您已在某个应用程序中尝试过的内容。有关更多信息，请参阅，并点击：）