더북(TheBook)
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)에서 완료 카드 배열로 옮기고 클릭한 카드 배열을 비웁니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.