Javascript HTML中的双弹出窗口

我对编码还是有点陌生，我正在帮助一些朋友做一些事情

所以，我在我的代码中创建了一个弹出文本，这个带有一个按钮，我想创建一个第二个和第四个，每个都有自己的文本和特定的内容，但我一直无法，请提供任何帮助

这是我的密码

var modal=document.getElementById（'myModal1'）；
var btn=document.getElementById（“myBtn1”）；
var span=document.getElementsByClassName（“关闭”）[0]；
btn.onclick=函数（）{
modal.style.display=“块”；
}
span.onclick=函数（）{
modal.style.display=“无”；
}
window.onclick=函数（事件）{
如果（event.target==模态）{
modal.style.display=“无”；
}
}

.modal{
显示：无；
/*默认情况下隐藏*/
位置：固定；
/*原地不动*/
z指数：1；
/*坐在上面*/
填充顶部：100px；
/*盒子的位置*/
左：0；
排名：0；
宽度：100%；
/*全宽*/
身高：100%；
/*全高*/
溢出：自动；
/*如果需要，启用滚动*/
背景色：rgb（0,0,0）；
/*退色*/
背景色：rgba（0,0,0,0.4）；
/*黑色w/不透明度*/
}
/*模态内容*/
.模态内容{
背景色：#fefe；
保证金：自动；
填充：20px；
边框：1px实心#888；
宽度：80%；
}
/*关闭按钮*/
.结束{
颜色：#AAAAA；
浮动：对；
字号：28px；
字体大小：粗体；
}
.关闭：悬停，
.结束：聚焦{
颜色：#000；
文字装饰：无；
光标：指针；
}

郁郁葱葱
&时代；
德本·拉瓦塞公司和公用事业公司的媒体
在30分钟的时间里，森林、绿意盎然，有必要在阴凉的土地上生长
塞卡拉斯·宾

检查下面的代码片段。为所有模式赋予唯一的

ID

，并将相同的值放入按钮的

target

var模式；
btns=document.getElementsByTagName（'button'）；
对于（变量i=0；i

.modal{
显示：无；/*默认情况下隐藏*/
位置：固定；/*保持原位*/
z指数：1；/*位于顶部*/
填充顶部：100px；/*框的位置*/
左：0；
排名：0；
宽度：100%；/*全宽*/
高度：100%；/*全高*/
溢出：自动；/*根据需要启用滚动*/
背景色：rgb（0,0,0）；/*回退色*/
背景色：rgba（0,0,0,0.4）；/*黑色w/不透明度*/
}
/*模态内容*/
.模态内容{
背景色：#fefe；
保证金：自动；
填充：20px；
边框：1px实心#888；
宽度：80%；
}
/*关闭按钮*/
.结束{
颜色：#AAAAA；
浮动：对；
字号：28px；
字体大小：粗体；
}
.关闭：悬停，
.结束：聚焦{
颜色：#000；
文字装饰：无；
光标：指针；
}

郁郁葱葱
郁郁葱葱
郁郁葱葱
郁郁葱葱
&时代；
1.
德本·拉瓦塞公司和公用事业公司的媒体
在30分钟的时间里，森林、绿意盎然，有必要在阴凉的土地上生长
塞卡拉斯·宾
&时代；
2.
德本·拉瓦塞公司和公用事业公司的媒体
在30分钟的时间里，森林、绿意盎然，有必要在阴凉的土地上生长
塞卡拉斯·宾
&时代；
3.
德本·拉瓦塞公司和公用事业公司的媒体
在30分钟的时间里，森林、绿意盎然，有必要在阴凉的土地上生长
塞卡拉斯·宾
&时代；
4.
德本·拉瓦塞公司和公用事业公司的媒体
在30分钟的时间里，森林、绿意盎然，有必要在阴凉的土地上生长
塞卡拉斯·宾

“因此，我在我的代码中创建了一个弹出文本，这是一个按钮，我想创建第二个和最多第四个，每个都有自己的文本和特定的内容”

嗯，什么？为什么不使用相同的代码创建其他按钮和模态？或者您是从其他人那里复制了代码而不理解它吗？快乐编码：-）