因此,我用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'); }
}





现在保存。

10-07 13:47