[JavaScript] Event

event란 클릭을 한다던가 마우스를 올리는 것과 같이 웹사이트에서 일어나는 활동들을 말하고, 자바스크립트는 그러한 event들을 listen하여 설정을 바꾸는 것을 할 수 있다. 예를 들어 h1을 클릭했을 때, listen을 하려면 addEventListener 함수를 사용하여 "click" 설정을 추가해주면 된다.

 

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

function handleTitleClick() {
  console.log("title was clicked!");
}

title.addEventListener("click", handleTitleClick);

 

여기서 마지막줄에 handleTitleClick 함수를 넣을 때 ()를 하면 안된다. 우리는 해당 코드에서 handleTitleClick 함수를 실행하는 것이 아니라 event가 감지되었을 때 해당 함수명을 자바스크립트에 넘겨주는 것이 목표이고, 해당 함수명을 받은 자바 스크립트가 함수 실행버튼을 대신 눌러주게 되는 것이기 때문이다.