Javascript 模态框/弹出窗口不出现

这是我的代码，我选择了两列，然后我对单元格进行相应编码，创建新列，并将其显示在一个表中。我想将其显示为弹出窗口（模式框）。与选择两个输入复选框一样，结果表应以弹出形式出现，关闭后，我可以再次选择任何复选框，并再次形成一个表并显示为弹出 但是，当我这样做的时候，它并不是流行的，同样的表格也被添加了。谁能帮我做这个吗

函数hidemodal（）{
$（“#myModal”）.hide（）；
}
const table=document.getElementById（“主表”），
复选框=table.querySelectorAll（'.header>input[type=“checkbox”]'）；
让列={}；
for（设i=0；i1）
显示差异（）；
其他的
表.classList.remove（“结果”）；
}
函数showDifference（）{
var array1=[]；
var array2=[]；
变量a=Object.keys（columns）[0]，b=Object.keys（columns）[1]
常量结果=列[a]。映射（（el，i）=>{
第一列=第[a][i]列；
阵列1.推送（第一个）
第二列=第[b][i]列；
阵列2.推送（秒）
常量正则表达式=/\d+/；
const firstNumber=parseInt（first.match（regex））；
const secondNumber=parseInt（second.match（regex））；
const diff=Math.abs（firstNumber-secondNumber）；
返回`${diff}`；
})
buildTable（）；
//var-tablediff；
var modalBody=$（''）；
函数buildTable（）{
var table=document.createElement（“表”）；
setAttribute（“id”、“myTable”）；
document.body.appendChild（表）；
for（设i=0；i<3；i++）{
var y=document.createElement（“TR”）；
y、 setAttribute（“id”、“myTr”+i）
document.getElementById（“myTable”）.appendChild（y）；
var z=document.createElement（“TD”）；
var t=document.createTextNode（array1[i]）；
var z1=document.createElement（“TD”）；
var s=document.createTextNode（array2[i]）；
var z2=document.createElement（“TD”）；
var r=document.createTextNode（结果[i]）；
z、 儿童（t）；
z1.儿童；
z2.附肢儿童（r）；
document.getElementById（“myTr”+i）.appendChild（z）；
document.getElementById（“myTr”+i）.appendChild（z1）
document.getElementById（“myTr”+i）.appendChild（z2）
}
}
modalBody.append（表）；
$（“.modal body”）.html（modalBody）；
}

表格{
边框：1px纯白；
文本对齐：居中；
填充：6px；
背景：#e1edf9；
}
运输署{
边框：1px纯白；
文本对齐：居中；
填充：6px；
}
td：第一个孩子，
tr：第一个孩子{
背景色：#003a6a！重要；
颜色：白色！重要；
}
.表格卷轴{
位置：相对位置；
宽度：100%；
z指数：1；
保证金：自动；
溢出：自动；
}
.表格滚动表格{
宽度：100%；
最小宽度：1280px；
保证金：自动；
边界塌陷：分离；
边界间距：0；
}
.桌套{
位置：相对位置；
}
.表格滚动tr：第一个子项{
背景：#333；
颜色：#fff；
职位：-网络工具包粘性；
位置：粘性；
排名：0；
}
td：第一个孩子{
职位：-网络工具包粘性；
位置：粘性；
左：0；
z指数：2；
背景：#ccc；
}
.表格滚动tfoot tr{
职位：-网络工具包粘性；
位置：粘性；
底部：0；
背景:#666；
颜色：#fff；
z指数：4；
}
tr：第一个孩子{
z指数：5；
}
@媒体屏幕和屏幕（最大宽度：500px）{
td：第一个孩子{
职位：-网络工具包粘性；
位置：粘性；
左：0；
z指数：2；
背景：#ccc；
最大宽度：140像素；
}
}
.主表：非（.result）th.result，
.main表：非（.result）td.result{
显示：无；
}

三
四
五
五
1.
2.
3.
4.
12
22
32
34