Javascript 我如何存储和比较两个项目的点击匹配的游戏?
在这里,我试图建立一个记忆游戏。在这个游戏中,我想为卡片匹配建立逻辑。逻辑是这样的,我想在两个变量中存储第一次单击和第二次单击,然后在用户单击第一张卡时检查 它将与第二张卡匹配,然后用户将无法再次单击这些卡,并且它将不会翻转。如果不匹配,用户可以再次单击这些卡。试了一个小时,但解决不了。我该怎么办?有人帮忙吗 //声明变量 const cardClass=[fa菱形、fa-paper-plane-o、fa锚、fa螺栓]; const firstClick,secondClick; const card=document.queryselectoral'.deck li'; //for循环Javascript 我如何存储和比较两个项目的点击匹配的游戏?,javascript,css,Javascript,Css,在这里,我试图建立一个记忆游戏。在这个游戏中,我想为卡片匹配建立逻辑。逻辑是这样的,我想在两个变量中存储第一次单击和第二次单击,然后在用户单击第一张卡时检查 它将与第二张卡匹配,然后用户将无法再次单击这些卡,并且它将不会翻转。如果不匹配,用户可以再次单击这些卡。试了一个小时,但解决不了。我该怎么办?有人帮忙吗 //声明变量 const cardClass=[fa菱形、fa-paper-plane-o、fa锚、fa螺栓]; const firstClick,secondClick; const
forlet i=0;我在谷歌上搜索,但你可以使用本地存储: 因为你可以设置和获取
这是你想要的吗?首先,你需要一个计数器来记录打开的卡的数量->如果是两张卡,是时候比较它们了。 为了知道点击了哪张卡,我们分别在firstclick和secondClick中存储了一个引用。 e、 g 为了比较两张卡片是否属于同一类型,我们使用它的类名fa diamond,fa-paper-plane-o。。。我们可以打电话:
var card1Type = firstClick.getElementsByTagName("i")[0].className;
var card2Type = secondClick.getElementsByTagName("i")[0].className;
如果这些匹配,请删除其单击事件侦听器:
firstClick.removeEventListener("click", flipOver);
secondClick.removeEventListener("click", flipOver);
如果没有,我们需要把它们再翻一次
整个例子:
//声明变量
const cardClass=[fa菱形、fa-paper-plane-o、fa锚、fa螺栓];
第一次点击,第二次点击;
var计数器=1;
var错误=错误;
const card=document.queryselectoral'.deck li';
//for循环
对于let i=0;i firstClick.removeEventListener("click", flipOver);
secondClick.removeEventListener("click", flipOver);