Javascript 在表单中使用变量

请帮忙！我对JavaScript非常陌生，我完全无法理解为什么我的代码不能生成输出。我的任务是接受用户输入到预先建立的表单中。一旦用户单击提交，预先建立的表单将用用户输入替换关键变量。以下是我的源代码和js：

代码和js： `

函数showFormInput{//从表单获取数据 var a1=document.getElementsById'rname'。值； var b2=document.getElementsById'orgname'。值； var c3=document.getElementsById'date'。值； var d4=document.getElementsById'web'。值； var e5=document.getElementsById'hname'。值； //在HTML中显示数据 document.getElementById'recipientName'.innerHTML=a1； document.getElementById'organizationName'.innerHTML=b2； document.getElementById'eventDate'。innerHTML=c3； getElementById'websiteURL'.innerHTML=d4； document.getElementById'hostName'.innerHTML=e5； } 收件人姓名： 机构名称： 活动日期： 网址： 主机名： 你好 收件人姓名！ 您已被邀请自愿参加由 上的组织名称 事件日期。请访问以下网站： 注册为志愿者的网站URL。 谢谢 主机名

---

此事件网站适用于IT-FP3215任务。在通过一个linter运行后，经过几次修复后，似乎可以正常工作

有几个问题：

你的意思是getElementById而不是getElementsById

代码的下半部分被包装在{}块中，不知道为什么。如果它应该在单击时运行，则它需要全部位于同一块中

注释以两个前斜杠开头：//

函数showFormInput{//从表单获取数据 var a1=document.getElementById'rname'。value；/'html中的rname引用id不包括在您需要添加的html中。 var b2=document.getElementById'orgname'。值； var c3=document.getElementById'date'。值； var d4=document.getElementById'web'。值； var e5=document.getElementById'hname'。值； document.getElementById'recipientName'。innerHTML=a1；/'html中的recipientName引用名称 document.getElementById'organizationName'.innerHTML=b2； document.getElementById'eventDate'。innerHTML=c3； getElementById'websiteURL'.innerHTML=d4； document.getElementById'hostName'.innerHTML=e5； } getElementById'showFormInput'。添加EventListener'click'，showFormInput； //如果需要的话，您可以在标签中留下一个内联的`onclick=`尽管我不建议这样做。只是更容易在JS中编辑。 邀请页 收件人姓名： 机构名称： 活动日期： 网址： 主机名： 你好 收件人姓名！ 您已被邀请自愿参加由 上的组织名称 事件日期。请到下面来 网站： 注册为志愿者的网站URL。 谢谢 主机名 此事件站点用于IT-FP3215任务。