javascript - 如何在 JavaScript 中删除类并保存我删除的类

Question

所以，我用 html、css 和 javascript 做了一个内存游戏。

我做了一个切换卡片的按钮，意味着所有拥有的卡片

('flipped') 类将删除或添加到那里的类。它看起来像这样:

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'); } 
} 
 }

我想让已经翻转的卡片不受切换按钮的影响。

有什么想法吗？

Answer 1

我认为您正在寻找 :not() 选择器。

var nonFlippedCards = document.querySelectorAll('.card:not(.flipped)');

for (var i = 0; 0 < nonFlippedCards.length; i++){ 
  divs[i].classList.add('flipped'); } 
}

现在保存它。