🕹 반응 속도 게임
박스가 나타날 때마다 클릭하세요!
총 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}초`;
}