const $$cells = document.querySelectorAll('.cell');

const holes = [0, 0, 0, 0, 0, 0, 0, 0, 0]; -------------------------------- ①
let started = false; // 시작 버튼 클릭 이벤트 관리 ------------------------ ②
$start.addEventListener('click', () => { // 시작 버튼 클릭 이벤트 등록 ---- ②
  if (started) { // 이미 시작했으면 무시
    return; 
  }
  started = true;
  console.log('시작');
  tick();
});
function tick() { // 두더지와 폭탄 보여 주기 ------------------------------ ③
  holes.forEach((hole, index) => {
    const $gopher = $$cells[index].querySelector('.gopher');
    holes[index] = setTimeout(() => { // 1초 뒤에 사라짐 ------------------ ④
      $gopher.classList.add('hidden'); // hidden 클래스 추가, 두더지 내리기
      holes[index] = 0; 
    }, 1000);
    $gopher.classList.remove('hidden'); // hidden 클래스 제거, 두더지 올리기
  });
}