Javascript 为什么我的foreach addEventListener没有添加事件？

我正在做一个模态库，我想我的一切都很实用，但是当我点击图片时，我很确定JS不能工作。 我很确定它不会从querySelectorAll中获取图像，但是idk我可能错了，我只是无法让它工作

这是我的密码：

var modal=document.querySelector（“.modal”）；
var previews=document.queryselectoral（“画廊img”）；
var original=document.querySelector（“.fullImg”）；
var imgText=document.querySelector（“.caption”）；
previews.forEach（（预览）=>{
preview.addEventListener（“单击”，（）=>{
modal.classList.add（“打开”）；
})
});
modal.addEventListener（“单击”，（e）=>{
if（例如target.classList.contains（“模态”））{
modal.classList.remove（“打开”）；
}
});
.modal
{
背景：rgba（0,0,0,0.6）；
位置：固定；
排名：0；
左：0；
宽度：100%；
身高：100%；
不透明度：0；
指针事件：无；
}
.modal.open
{
不透明度：1；
指针事件：全部；
}
富利姆先生
{
位置：绝对位置；
身高：70%；
最高：50%；
左：50%；
转换：转换（-50%，-50%）比例（0.5）；
过渡：所有0.25秒都放松；
}
.完全开放
{
转换：转换（-50%，-50%）比例（1）；
}
.模态p
{
颜色：白色；
字号：2rem；
位置：绝对位置；
底部：5%；
左：50%；
转换：翻译（-50%，-5%）；
}

木卡车


奥拉·卡米昂，奥拉·卡米奥
 将圣城视为一个可能的集镇，它是一个集镇，一个集镇，一个集镇



迪奥戈·罗查


❮
❯
`
您不是在模式中设置图像的src。您还必须设置此选项：

previews.forEach（（预览）=>{
preview.addEventListener（“单击”，（）=>{
modal.classList.add（“打开”）；
modal.querySelector（'img'）.src=preview.src；//使用src更新模态映像的src
})
});
在给定的示例中，它是
。modal
不存在。哦，我忘了添加html代码的其余部分，它的“
您可以编辑问题示例吗？是的，刚才有吗？单击文本“Comboio de madeira”时，modal似乎打开了。（这是图像alt文本）---请确保示例显示了您遇到的问题。请参阅另一个调试技巧：您可以通过在控制台中键入javascript变量的名称以及在浏览器中检查DOM来检查javascript变量中的内容（您可以通过右键单击页面并“检查”来完成此操作）。