대기 화면으로 전환합니다.

    let startTime; 
    let endTime;
    $screen.addEventListener('click', function () {
      if ($screen.classList.contains('waiting')) { // 대기 화면
        $screen.classList.replace('waiting', 'ready');
        $screen.textContent = '초록색이 되면 클릭하세요';
        setTimeout(function () {
          startTime = new Date(); ---------------------------------- ②
          $screen.classList.replace('ready', 'now');
          $screen.textContent = '클릭하세요!';
        }, Math.floor(Math.random() * 1000) + 2000); // 2000~3000
      } else if ($screen.classList.contains('ready')) { // 준비 화면
      } else if ($screen.classList.contains('now')) { // 측정 화면
        endTime = new Date(); -------------------------------------- ③
        $result.textContent = `${endTime - startTime}ms`; ---------- ④
        $screen.classList.replace('now', 'waiting'); 
        $screen.textContent = '클릭해서 테스트를 시작하세요'; 
      }
    });
    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.