10장

     

     

    셀프체크

    sort() 메서드를 사용해 반응속도를 오름차순으로 정렬한 후, slice() 메서드로 앞에서 5개를 잘라냅니다. 잘라낸 5개로 #result 태그에 br 태그(행갈이)와 함께 순위를 추가하면 됩니다.

    $screen.addEventListener('click', function () {
      (중략)
      } else if ($screen.classList.contains('now')) { // 측정 화면
        endTime = new Date();
        const current = endTime - startTime;
        records.push(current);
        const average = records.reduce((a, c) => a + c) / records.length;
        $result.textContent = `현재 ${current}ms, 평균: ${average}ms`;
        const topFive = records.sort((p, c) => p - c).slice(0, 5);
        topFive.forEach((top, index) => {
          $result.append(
            document.createElement('br'), `${index + 1}: ${top}ms`,
          );
        });
    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.