Javascript 我的JS没有处理HTML元素

我试图编写代码，将一个图像放在整个元素集上，但允许单击以显示特定元素中的特定图像

到目前为止，我的JS没有改变任何元素。如果有人能看一下并给我一些建议，我将非常感激

const cards=document.queryselectoral.card； 常量flipAllCards=函数{ 卡中的常量卡{ card.innerHTML=`； } }; flipAllCards； 函数分配图像{ 卡中的常量卡{ const cardName=card.id； const imageName=`${cardName}.jpeg`； 功能活页卡{ card.innerHTML=`； 返回card.innerHTML； } console.logflipcard； card.addEventListener“单击”功能{ 活动卡片 }; } } 分配图像；

---

一种方法是使card类在CSS中为所有的卡使用相同的背景图像，同时具有空div。然后，当您需要翻转卡片时，只需在JS中添加具有相应ID的card.innerHTML图像

您需要调用assignImages。虽然您的图像不会加载到代码段中，但如果执行Inspect元素，您将看到所有图像都已更改为carcback.jpeg。