$screen.addEventListener('click', function () {
if ($screen.classList.contains('waiting')) { // 대기 화면
$screen.classList.replace('waiting', 'ready');
$screen.textContent = '초록색이 되면 클릭하세요';
} else if ($screen.classList.contains('ready')) { // 준비 화면
} else if ($screen.classList.contains('now')) { // 측정 화면
}
});
일정 시간이 지나면 준비 화면에서 측정 화면으로 넘어가게 타이머를 추가합니다. 사용자가 예측하지 못하게 시간은 무작위로 지정합니다. 대기 시간이 너무 길지 않도록 Math.random()을 사용해 2000~3000밀리초(2~3초)로 범위를 지정합니다.