더북(TheBook)

onClickCard() 함수에서는 this 또는 event.target(이때는 onClickCard() 함수의 매개변수에 event를 넣어야 함)으로 클릭한 카드에 접근할 수 있습니다. onClickCard()는 화살표 함수가 아니라서 this는 클릭한 카드가 됩니다. addEventListener()this를 그렇게 바꾼다고 했죠?

또한, if 문에 의한 들여쓰기를 최소화하기 위해 onClickCard() 함수에서 중첩 if 문을 제거하는 기법을 적용했습니다(잊어버렸다면 2.4.4을 복습해 보세요). if 문 아랫부분은 클릭한 카드가 2장일 때만 실행되고, 클릭한 카드가 2장이 아니라면 return 때문에 함수가 종료됩니다. 클릭한 두 카드의 앞면 색이 같은지 비교하기 위해 태그.style.backgroundColor 속성을 사용합니다.

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