Javascript HTML：记忆游戏检查两张图片是否匹配功能

我正在制作一个翻页纸牌游戏，但“检查匹配项”功能不起作用。我也不确定我是否应该使用

.dataset.framework

或

.dataset.name

用于我的checkForMatch（）函数。由于checkForMatch（）函数不起作用，我不能将打开的卡片限制为两张（例如，我可以尽可能多地打开卡片，尽管我包含了unflip函数，但没有将卡片解卷回正常状态）

我提到了和，因为这正是我想要我的代码的结果，但似乎什么都没有工作

代码笔在这里：

let cards=document.getElementsByClassName（“卡”）；
如果（卡片！==0）{
让卡_数组=[]；
for（设i=0；i{
firstCard.classList.remove（'flip'）；
secondCard.classList.remove（'flip'）；
重置板（）；
}, 1500);
}
功能板（）{
[hasFlippedCard，lockBoard]=[false，false]；
[firstCard，secondCard]=[null，null]；
}
addEventListener（“加载”，函数（）{
document.querySelector（“.card container”）.addEventListener（“单击”，函数（e）{
常数tgt=e.target；
常数卡=tgt.最近的（“div”）；
if（card.classList.contains（“卡前”）| | card.classList.contains（“卡后”））{
卡片。最近的（“.card”）。类列表。切换（“翻转”）；
}
});
});
正文{
背景颜色：灰色；
}
.卡片{
宽度：180px；
高度：200px；
位置：相对位置；
变换样式：保留-3d；
过渡：1s；
保证金：5px；
}
.卡片正面，.卡片背面{
宽度：100%；
身高：100%；
边界半径：8px；
位置：绝对位置；
背面可见性：隐藏；
变换：translateZ（0）；
}
.退卡{
背景颜色：橙色；
}
img{
宽度：170px；
高度：190px；
填充物：5px；
边界半径：8px；
}
.卡正面{
背景色：白色；
变换：旋转（180度）；
}
.翻转{
变换：旋转（180度）；
}
.card.flip{
变换：旋转（180度）；
}
.卡：活动{
变换：缩放（0.97）；
转变：转变2；
}
.卡片容器{
显示器：flex；
柔性包装：包装；
}
用此代码替换JS代码

因为我已经在代码中注释了新的行

您的遗漏是没有向元素添加事件侦听器

在这段代码中有一个
disableCards（）
函数，该函数从“Card”中“removeEventListener”，但之前没有插入过“EventListener”

在
flipCard（）
函数中，我删除了这一行
this.classList.add（'flip'）


let cards=document.getElementsByClassName（“卡”）；
如果（卡片！==0）{
出租卡