Step03_if3(keydown, keyCode==13)스터디

 

 

keyup

 

키보드에서 손을 땠을 때 실행

 

keydown

 

키보드를 눌렀을 때 실행

키보드를 누르고 있을 때 한번만 실행된다.

 

keypress

 

키보드를 눌렀을 때 실행

키보드를 누르고 있을 때 계속 실행된다.

 

 

점수를 입력하고 Enter 키를 누를 경우 성적이 출력되는 기능을 만들어 볼 계획이다.

 

로드 시점

점수 입력 후 Enter 키를 누른 경우

 

마찬가지로 placeholder을 활용하여 안내문을 적어뒀다. script에서는 keydown 이벤트 타입을 사용하였다. 해당 이벤트 핸들러를 e에 담아 활용하였다. 이벤트 핸들러를 확인하고자 console.log(e)를 작성하였다. 

 

 

 

console.log(e)에 대한 값이다.  keyCode : 13을 확인할 수 있다. 여기서 keyCode : 13은 enter의 코드번호를 뜻한다. 키보드 키 코드 자료 참고 https://blog.naver.com/arborlucens/222025098764

이후 if else if 조건문을 활용하여 여러 상황과 결과를 적용하였다. 끝에는 else를 사용하여 이외의 값은 F를 입력하도록 했다.