🛹 자바스크립트 이벤트

브라우저 화면에서 어떠한 특정 동작이 나타나는 것을 말한다. 예를 들면 버튼을 클릭하면 폰트 컬러가 바뀐다던지 모달창이 뜨게 한다던지 말이다.

⚽ addEventListener( )

EventTarget 객체로부터 발생한 이벤트를 처리하기 위한 오브젝트를 말한다.
다음 코드는 버튼을 클릭하였을 때 alert창이 뜨게하는 이벤트를 만든것이다.
이벤트 참조 링크

1) 
<button type="button" id="btn">Click!</button>
<script>
  const Btn = document.getElementById('btn');
  Btn.addEventListener('click', function(){
  alert('OK!');
  });
</script>

2)
<button type="button" onClick="boom()">Click!</button>
<script>
  function boom () {
  alert('OK!');
  }
</script>

🏳‍🌈 주의할 점!
IE 9 이상에서 동작 한다.
IE 8이하에는 attachEvent( )을 사용해야 한다.
(링크클릭 -> Ctrl + F -> attachEvent 검색)

🚲 removeEventListener( )

등록된 이벤트 리스너를 삭제할 때 사용한다.
removeEventListener 참고링크