function onClickCard() { // 클릭한 카드 확인 함수
this.classList.toggle('flipped');
clicked.push(this);
if (clicked.length !== 2) {
return;
}
// 클릭한 두 카드 비교
const front1Color = clicked[0].querySelector('.card-front').style.backgroundColor;
const front2Color = clicked[1].querySelector('.card-front').style.backgroundColor;
if (front1Color === front2Color) { // 두 카드의 색이 같으면
return;
}
// 두 카드의 색이 다르면
}
짝을 맞춘 카드를 담을 완료 카드 배열 변수 completed를 선언합니다. 두 카드의 색이 같으면 클릭한 카드 배열(clicked)에서 완료 카드 배열로 옮기고 클릭한 카드 배열을 비웁니다.