16장
셀프체크
점수 오른쪽에 목숨이 몇 개 남았는지 표시합니다.
<div>
<span id="timer">8</span>초
<span id="score">0</span>점
<span id="life">3</span>목숨
<button id="start">시작</button>
</div>
목숨을 나타내는 life 변수를 선언합니다. 폭탄을 클릭하면 life에서 1을 빼고 life가 0이 됐는지를 검사해서 0이라면 게임을 끝냅니다. 이때 타이머를 정리해야 하는데, 기존 코드로는 timerId와 tickId에 접근할 수 없습니다. 따라서 timerId와 tickId 변수의 스코프를 한 단계 올려서(변수 선언을 더 위쪽 스코프에서 했습니다) 폭탄 클릭 이벤트 리스너에서도 두 변수에 접근할 수 있게 합니다.