addEventListener

[Javascript] onclick vs addEventListener의 차이점을 알아보자

이번 포스팅은 onclick과 addEventListener의 차이점에 대해 알아보겠습니다. 자바스크립트에서 클릭이벤트를 사용할 때 onclick과 addEventListener를 사용할 수 있습니다. 차이점을 알아보기 전에 다음과 같은 예시를 보고 가겠습니다. var btn = document.querySelector('.btn'); btn.onclick = function() { console.log('100'); } btn.onclick = function() { console.log('200'); } btn.onclick = function() { console.log('300'); } '클릭' 버튼을 누르면 콘솔 탭에 어떤 값이 출력이 될까요? '300'만 출력이 됩니다. 그렇다면 다음과 같은 ..