10.3

반응속도 측정하기

반응속도를 측정하는 부분을 작성해 보겠습니다. 반응속도는 시작 시간과 종료 시간의 차로 구합니다. 시작 시간은 준비 화면에서 일정 시간이 지난 후에 측정 화면으로 전환하는 순간의 현재 시간을 재면 됩니다. 종료 시간은 클릭 화면이 됐을 때 사용자가 화면을 클릭하는 순간의 현재 시간을 재면 됩니다.

① 시작 시간과 종료 시간을 저장할 변수를 선언합니다. startTime은 addEventListener() 바깥에 선언해야 합니다. 첫 번째로 클릭할 때 startTime을 측정하고, 두 번째로 클릭할 때 endTime을 측정합니다. startTime을 addEventListener() 안에 선언하면 이벤트 리스너가 종료될 때 startTime도 사라져 버립니다. 변수가 언제까지 유효한지는 3.2 스코프와 클로저에서 배웠습니다.

② 측정 화면으로 전환할 때 시간을 측정해 시작 시간으로 저장합니다.

③ 측정 화면을 사용자가 클릭할 때 시간을 측정해 종료 시간으로 저장합니다.

④ 종료 시간에서 시작 시간을 빼서 반응 속도를 구하고 화면에 표시합니다.