이벤트

addEventLister는 말그대로
event를 listen 하려는 것.
JS에 무슨 event를 listen 하고 싶은지 지정해야한다.

removeEventListener 를 통해 이벤트를 제거해줄 수 있다.

여기서 말하는 이벤트란?
요소를 클릭하는것, 마우스를 가져다 대는것, 떼는것, 드래그 하는 것 등 모든 행위라고 보면 됨.

이벤트는 객체의 형태이며 자바스크립트 안에 정의되어 있다

title.addEventListener("click", 원하는 작용);
// 타이틀을 "click"했을 때 '원하는 작용' 하기

const title = document.querySelector(".hello:first-child h1");

function handleTitleClick() {
  title.style.color = "blue";
}
	// 바꿀 수 있는 프로퍼티 중 style도 있음 위와같이

title.addEventListener("click", handleTitleClick);

title 이라는 요소를 "click" 했을 때 handleTitleClick 이라는 함수 실행하기

• handleTitleClick 뒤에 ( ) 를 붙이지 말아야한다.
  만약 소괄호를 뒤에 붙이면 바로 함수가 작동해버림