因此,我用html,css和javascript制作了一个记忆游戏。
我做了一个按钮,切换卡片,表示所有拥有
(“翻转”)类将删除或添加到该类。它看起来像这样:
function toggle (){
var divs = document.querySelectorAll('.card');
for (var i = 0; 0 < divs.length; i++){
if (divs[i].classList.contains('flipped')){
divs[i].classList.remove('flipped');
}else{
divs[i].classList.add('flipped'); }
}
}
我想使已翻转的卡片不被切换按钮影响。
任何想法 ?
最佳答案
我认为您正在寻找:not() selector
。
var nonFlippedCards = document.querySelectorAll('.card:not(.flipped)');
for (var i = 0; 0 < nonFlippedCards.length; i++){
divs[i].classList.add('flipped'); }
}
现在保存。