더북(TheBook)

9개 구멍에 대한 정보를 담당할 holes 배열을 선언합니다.

#start 버튼을 누를 때 작동할 이벤트 리스너를 연결합니다. 이벤트 리스너가 한 번만 작동하도록 started 변수를 만들어서 관리합니다.

시작 버튼을 클릭하면 tick() 함수가 호출됩니다. tick()은 두더지나 폭탄을 빈 구멍에 보여 주는 함수입니다. tick() 함수에서는 holes 배열로 반복문을 돌며 각 구멍의 두더지 태그에서 hidden 클래스를 제거합니다. hidden 클래스를 제거하는 순간 두더지가 구멍에서 올라옵니다. 1초 뒤에 hidden 클래스를 두더지 태그에 다시 추가해 두더지가 구멍으로 들어가게 합니다.

각 타이머의 아이디를 holes 배열에 저장해 나중에 타이머를 취소할 때 사용합니다. 타이머가 등록되어 있으면 0이 아닌 값이 배열에 저장됩니다. 타이머가 없으면 0이 들어 있으므로 각 구멍에 두더지가 있는지 없는지를 구분할 수 있습니다.

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