$$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 클래스를 추가되면 폭탄이 구멍 속으로 내려갑니다.