Javascript 我无法打开描述窗口

来帮助你理解这个问题

我将附加一个带有代码的沙盒。 无法打开“说明”窗口。当你点击图片时，有必要打开一个带有描述的窗口，当你点击十字架时，窗口关闭。然而，这不起作用。 我不明白问题是什么

const handleClick=event=>{
const target=event.target；
if（target.classList.contains（“关闭描述btn”））{
target.closest（“.hide text”）.style.marginBottom=“-100%”；
返回错误
}
event.target.querySelector（“.hide text”）.style.marginBottom=“0px”
};
document.queryselectoral（“.game image description”）.forEach（item=>item.addEventListener（“click”，handleClick））

。游戏图像描述{
溢出：隐藏；
位置：相对位置；
}
.游戏图像描述img{
最大高度：250px；
}
.游戏项目{
弹性基准：31%；
背景#081b49；
最大宽度：400px；
利润率：01%40px；
}
.隐藏文本{
背景：#000000e3；
填充：25px 12px 15px 12px；
身高：70%；
位置：绝对位置；
利润底部：-100%；
字体大小：16px；
颜色：#fff；
边框：3px虚线#d5f34a；
光标：指针；
文本对齐：居中；
底部：0；
过渡：边缘0.3s线性；
}
.关闭描述btn{
背景：0；
边界：0；
颜色：#d5f34a；
大纲：0；
位置：绝对位置；
顶部：2个；
右：2px；
z指数：100；
字号：17px；
}
.游戏项目按钮{
高度：60px；
宽度：100%；
最大宽度：470像素；
文本对齐：居中；
保证金：20px自动；
显示：块；
背景#d5f34a；
边界：0；
大纲：0；
边界半径：10px；
颜色：35539c；
文本转换：大写；
字体大小：30px；
字号：600；
}
img{
最大宽度：100%；
高度：自动；
-o-object-fit：包含；
对象匹配：包含；
}

✖ 这是一位杰出的领袖，他是一位伟大的领袖。但是，我们要做的是最小限度的努力
这是一家专门为消费者服务的公司。在亨德雷特（hendrerit）的两个房间里都有一个小房间，一个小房间里有一个小房间，另一个房间里有一个小房间
这是一个很有尊严的人，他是一个很有魅力的人。

点击

✖ 这是一位杰出的领袖，他是一位伟大的领袖。但是，我们要做的是最小限度的努力
这是一家专门为消费者服务的公司。在亨德雷特（hendrerit）的两个房间里都有一个小房间，一个小房间里有一个小房间，另一个房间里有一个小房间
这是一个很有尊严的人，他是一个很有魅力的人。

点击

✖ 这是一位杰出的领袖，他是一位伟大的领袖。但是，我们要做的是最小限度的努力
这是一家专门为消费者服务的公司。在亨德雷特（hendrerit）的两个房间里都有一个小房间，一个小房间里有一个小房间，另一个房间里有一个小房间
这是一个很有尊严的人，他是一个很有魅力的人。

点击

使用CSS定义打开和关闭状态。设置内联样式可能非常复杂。在你的图像周围有一个元素来处理点击和状态。因此，默认情况下，它什么也不做，但当单击它时，它会向自身添加一个类，并让CSS处理其余的

const handleClick=event=>{
event.preventDefault（）；
const trigger=event.target.closest（'.js open description'）；
const target=event.target；
if（target.classList.contains（“关闭描述btn”））{
trigger.classList.remove（'game-item__trigger--open'）；
返回错误
}
trigger.classList.add（'game-item__trigger--open'）；
};
document.querySelectorAll（“.js open description”）.forEach（item=>{
item.addEventListener（“单击”，手动单击）
});
。游戏图像描述{
溢出：隐藏；
位置：相对位置；
}
.游戏图像描述img{
最大高度：250px；
}
.游戏项目{
弹性基准：31%；
背景#081b49；
最大宽度：400px；
利润率：01%40px；
}
.game-item_uu触发器{
显示：块；
}
.隐藏文本{
背景：#000000e3；
填充：25px 12px 15px 12px；
身高：70%；
位置：绝对位置；
利润底部：-100%；
字体大小：16px；
颜色：#fff；
边框：3px虚线#d5f34a；
光标：指针；
文本对齐：居中；
底部：0；
过渡：边缘0.3s线性；
}
.game-item_uu触发器--打开.隐藏文本{
页边距底部：0；
}
.关闭描述btn{
背景：0；
边界：0；
颜色：#d5f34a；
大纲：0；
位置：绝对位置；
顶部：2个；
右：2px；
z指数：100；
字号：17px；
}
.游戏项目按钮{
高度：60px；
宽度：100%；
最大宽度：470像素；
文本对齐：居中；
保证金：20px自动；
显示：块；
背景#d5f34a；
边界：0；
大纲：0；
边界半径：10px；
颜色：35539c；
文本转换：大写；
字体大小：30px；
字号：600；
}
img{
最大宽度：100%；
高度：自动；
-o-object-fit：包含；
对象匹配：包含；
}

点击
点击
点击