1. html 이벤트 핸들러(권장 안함)

예) <a onclick=“hide()”>

사용자는 <a>요소를 클릭했을 때 hide() 라는 함수를 호출 한다.

  1. addEventListener으로 이벤트리스너 등록

1.이벤트에 반응할 스크립트를 실행할 요소를 선택한다.

2.선택된 노드에서 어떤 이벤트가 발생했을 때 그에 반응할 것인지를 명시한다.

3.이벤트가 발생했을 때 실행될 코드를 작성한다.

document.getElementsByClassName('alert-box_close-button')[0].addEventListener('click',function(){
    document.getElementsByClassName('alert-box')[0].style.display = 'none';
});