#2-4 Events and event handlers

자바스크립트는 html과 css를 변경하기위해서만 태어난 것이 아니다.

웹사이트내에서 일어나는 이벤트들, 클릭, 저장, 출력 등등 그런 이벤트들을 자바스크립트가 가로챌 수 있다.

자바스크립트는 이벤트를 받기를 기다리고 있는데 정확히 어떤 이벤트인지 알려줘야한다.

"resize"

function hadleResize(){

   console.log("I have been resized")

}

window.addEventListner("resize", handleResize); 

주의! handleResize()라고 쓰면 함수를 지금 당장 호출하라고 하는거다! 나는 resize가 될때 handleResize함수가 실행됬으면 좋겠다고 하면 ()를 빼줘야한다!!

 

function something(event);

event는 갑자기 어디서 온걸까? 이벤트는 자바스크립트로부터 온것이다. 이벤트를 다룰 함수를 만들때마다 자바스크립트는 자동적으로 함수를 객체에 붙인다.

 

"click"

const title = document.querySelector(#title")

function handleClick(){
 title.style.color = "blue"
}
title.addEventListener("click"", handleClick);
하면 타이틀을 클릭할 때! blue로 색상이 변경된다.