[노마드코더]바닐라JS로 크롬 앱 만들기 (18)Event Listen하기

object로 표시한 element 중에서 on~ 으로 시작하는 element는 events를 나타낸다.
이것들은 모두 object이고, object는 property 값을 변경할 수 있다.

 

Javascript에서 대부분 하는 일은 event를 listen 하는 것이다.
예를 들어서 내가 click을 하는 것, 입력을 끝내는 것, 이름을 적거나, enter를 누르는 것이 event이다.

 

event를 하기 전에, title.style.color를 이용하여 title의 색상을 변경할 수 있다.

queryselector를 이용하여 html에서 title을 찾아, click 했을 때 발생하는 event를 정의해보자.

#1 에서 querySelector를 이용하여 h1을 찾아온다.

#4~#8 에서 handleTitleClick function을 정의한다.

#10 에서 addEventListener를 통해 click event를 listen하면, handleTitleClick을 실행한다.