#3 자바스크립트 - addEventListener()와 classList.toggle()

사실 event는 엄청 기억해야할 점이 있는 것은 아니지만 재밌는 메서드를 배워서 이걸 정리하는 김에 간단하게 정리해보려고 한다. 저번 글에서 JS로 HTML 요소에 접근할 수 있는 방법에 대해 정리해봤었다.

이를 활용할 때 많이 쓰이는 것이 event다. 즉, JS가 사용자의 동작에 반응하는 것이다.

예를 들어 사용자가 메뉴를 클릭했을 때(동작) 해당 메뉴 화면이 뜨는 것(반응)과 같이 event는 웹사이트에서 매우매우 많이 쓰인다. 사용자의 동작(event)를 인식하여 반응하는 메서드인 addEventListener()에 대해 알아보자. 0. addEventListener() 전에 배웠던 document 객체의 메서드로 HTML 요소에 접근한 다음, 그 요소에 사용자가 어떤 동작을 했을 때 반응하는 것은 웹사이트의 주 기능 중 하나라고 할 수 있다.

이를 가능하게 해주는 것이 addEventListener()메서드다. 사용방법은 간단하다.

기본 형식 : 요소명.addEventLi...