🕹 반응 속도 게임

박스가 나타날 때마다 클릭하세요!
총 5번의 반응 속도를 측정해 평균을 알려줍니다.

📖 어떻게 만들었나요?

JavaScript의 setTimeout, Date.now(), onclick 이벤트를 활용하여 박스 등장 타이밍과 클릭 시간을 측정합니다.
배열에 반응 속도를 저장한 뒤, 5회 측정 후 평균값을 계산하여 보여줍니다.

let reactionTimes = [];

function showBox() {
  ...
  startTime = new Date().getTime();
}

document.getElementById("box").onclick = function () {
  ...
  reactionTimes.push(reactionTime);
  if (reactionTimes.length === 5) {
    showAverage();
  } else {
    setTimeout(showBox, randomDelay());
  }
};

function showAverage() {
  const avg = ...;
  document.getElementById("average").innerText = `평균 반응 속도: ${avg}초`;
}
← 포트폴리오로 돌아가기