Javascript 如何向包含按钮的现有表中添加行

我正在尝试使用预先存在的值向表中添加一行。每一行上都有一个“编辑”按钮，它不做任何事情（按设计）。我也有一个提示，用户将输入他们的姓名、电子邮件和电话号码，并将其添加到上表中。一切正常，但我想我的.js文件中缺少了一些东西。我错过了什么

让btnAdd=document.querySelector（'button'）；
let table=document.querySelector（'table'）；
让nameInput=document.querySelector（'#name'）；
让numberInput=document.querySelector（“#number”）；
让emailInput=document.querySelector（“#email”）；
/*btnAdd.addEventListener（'单击'，（）=>{
让name=nameInput.value；
设number=numberInput.value；
让email=emailInput.value；
让模板=`
${name}
${number}
${email}
你有这一行：

let btnAdd = document.querySelector('button');

但是，您的代码中没有
元素。如果您为“添加新联系人”
输入
元素提供了
id
，则可以使用以下内容引用该元素：

let btnAdd = document.getElementById('btnAdd');

此外，您的HTML无效也存在一些问题（即，您不能只将内容放在
表
元素中--它们必须放在
th
或
td
中）

最后，将JavaScript与HTML分开，使用
.addEventListener
，不要使用
JavaScript:void（0）；
——这两种语言都是大约20年前的语法，在今天还没有实际的应用

请参见下面的HTML和JavaScript内联注释：


让btnAdd=document.getElementById（'btnAdd'）；
let table=document.querySelector（'table'）；
//当元素具有id时，使用“.getElementById（）”，它
//是查找元素的最有效方法。
让nameInput=document.getElementById（'name'）；
让numberInput=document.getElementById（'number'）；
让emailInput=document.getElementById（'email'）；
btnAdd.addEventListener（'单击'，（）=>{
让name=nameInput.value；
设number=numberInput.value；
让email=emailInput.value；
让模板=`
${name}
${number}
${email}
`;
table.innerHTML+=模板；
})；

好莱坞天空中的星星
添加您的信息以接收通知！
秘书处邮寄名单
联系人姓名
联系电话
联系电子邮件
接触作用
博杰克骑士
323-902-1992 
SecretariatRulez96@hotmail.com 
黛安·阮
323- 319-1980 
TotallyNotDiane@gmail.com 
托德·查韦斯
323-248- 4156 
DizneyWorld@bonzibuddi.net 
请使用代码格式化程序。它将帮助您的开发人员和其他开发人员阅读您的代码。在这一行中
？那
在那里做什么？那么如果“一切正常”，而不正常的按钮是“按设计”的，那么实际问题是什么？您需要什么帮助？（提示：）停止在*=“”
处理程序上使用内联
，以及（希望）不要使用内联
style=“”属性是很难调试和维护的。你的JavaScript仅仅是在你的脚本里面，而不是在你的HTML文件中传播。使用它。谢谢你的输入。@ ButtonPusher，欢迎你。请考虑把这个标记为“the”。单击答案左上角的复选标记进行回答。一旦我的答案生效，我会的。仍然有点迷茫。这是一个新问题。如果有人能抽出时间直接与我交谈，我将不胜感激。如果以上内容令人困惑，我将深表歉意。