노마드 코더님의 자바스크립트 강의를 보고 정리한 글입니다.

윈도우 창을 변경할 때마다 메세지 출력하기

const title = document.querySelector("#title");

function handleResize(){
	console.log("I have been resized")
}

window.addEventListener("resize", handleResize);

• 주의) addEventListener의 전달인자에서 handleResize()가 아니라 handleResize임에 주의한다.
  • handleResize()를 쓰면, 윈도우 창의 사이즈를 변경하지 않아도 함수가 호출된다.
  • handleReisze를 쓰면, 윈도우 창의 사이즈를 변경하면 즉, 조건을 만족해야 함수가 호출된다.

클릭하면 색을 변경하기

const title = document.querySelector("#title");

function handleClick(){
	title.style.color = "blue";
}

title.addEventListener("click", handleClick);