addEventListener, onclick 비교

onclick 에서는 하나의 콜백 함수를 지정할 수 있지만, addEventListener를 사용하면 여러개의 이벤트 리스너를 추가 할수 있다.

따라서 onclick 이벤트 핸들럴르 두번 이상 사용한다면, 기존 이벤트 핸들러를 덮어쓰기 때문에 가장 아래에 추가한 핸들러만 제대로 작동한다.

반면, addEventListener 는 기존 이벤트 핸들러를 덮어 쓰지 않고 얼마든지 계속해서 핸들러를 추가해서 모든 핸들러가 정상적으로 작동한다.