더북(TheBook)
$$cells.forEach(($cell, index) => {
  $cell.querySelector('.gopher').addEventListener('click', (event) => { // 두더지 클릭 
    event.target.classList.add('dead');  // 우는 두더지
    event.target.classList.add('hidden');
    clearTimeout(holes[index]); // 기존 내려가는 타이머 제거
    setTimeout(() => { 
      holes[index] = 0;
      event.target.classList.remove('dead');
    }, 1000);
  });
});
</script>

폭탄에도 이벤트 리스너를 연결합니다. 폭탄을 클릭하는 부분에 boom 클래스가 추가되면 폭탄이 폭발하는 폭탄으로 바뀌고, hidden 클래스를 추가되면 폭탄이 구멍 속으로 내려갑니다.

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