Javascript JSDOM添加新行：我想让这两个按钮与输入的值保持一致，并使它们能够正常工作

我想让这两个按钮与输入值保持一致，并使它们发挥作用。我的代码：

函数加法器（）{
document.getElementById（'newEntry'）.style.display=“block”；
var name=document.querySelector（'.name'）.value；
var phone=document.querySelector（'.phone'）.value；
var btn1=document.createElement（'Button'）；
var x=document.createTextNode（“修改”）；
btn1.附肢儿童（x）；
文件.正文.附件（btn1）；
var btn2=document.createElement（'Button'）；
var y=document.createTextNode（“删除”）；
btn2.追加子女（y）；
文件.正文.附件（btn2）；
var table=document.getElementById（'myTable'）；
var行=table.insertRow（0）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
var cell3=行插入单元格（2）；
var cell4=行插入单元格（3）；
cell1.innerHTML=名称；
cell2.innerHTML=手机；
cell3.innerHTML=x；
cell4.innerHTML=y；
}

正文{
背景色：深蓝色；
}
#标题{
宽度：800px；
保证金：0自动；
文本对齐：居中；
边缘顶端：40px；
字体大小：30px；
字体系列：“Gill Sans”、“Gill Sans MT”、“投石机MS”、无衬线；
}
#新增{
宽度：800px；
保证金：自动；
文本对齐：居中；
边缘顶端：40px；
背景色：rgb（151,64,163）；
高度：100px；
边界半径：5px；
}
#入口{
线高：50px；
}
跨度{
保证金：5px；
}
#加{
光标：指针；
颜色：aliceblue；
背景色：rgb（26、126、39）；
边界半径：5px；
保证金：0；
填充：0；
边界：0；
高度：30px；
宽度：150px；
字体大小：20px；
}
.输入样式{
边界半径：5px；
}
#新条目{
宽度：800px；
保证金：自动；
文本对齐：居中；
边缘顶部：100px；
背景色：rgb（151,64,163）；
身高：100%；
边界半径：5px；
显示：无；
}
#我的桌子{
文本对齐：居中；
字体大小：20px；
字体系列：富兰克林哥特式中字体、Arial窄字体、Arial无衬线字体；
}
运输署{
左侧填充：100px；
}

电话簿
姓名：电话号码：

添加联系人

您正在将按钮附加到文档正文。你不想把它们放在那里。您需要将按钮附加到表格单元格中

cell3.appendChild(btn1);
cell4.appendChild(btn2);

要使它们正常工作，您需要向它们添加事件处理程序，如下所示：

btn1.addEventListener("click", function(){
    alert("button1 clicked");
});
btn2.addEventListener("click", function(){
    alert("button2 clicked");
}); 

---

请将您的代码放在帖子中，并请在帖子中详细说明您的问题。欢迎来到StackOverflow！请查看一次，然后使用。您正在将按钮附加到文档正文。你不想把它们放在那里。您需要将按钮附加到其中一个表单元格。