Javascript_function, addEventListener

▶️ 함수의 목적

  function open_alert(){
    document.getElementById('alert').style.display = 'block';
  }

open_alert();

• 함수의 첫번째 목적은 특정기능을 다음에도 쓰기위해 모듈화해놓는 것이다.
• 위처럼 함수를 열고, 아래처럼 사용한다.

---

▶️ 함수의 파라미터

function select_alert(a, b){
  document.getElementById(a).style.display = b;
}

select_alert('alert','none');
select_alert('alert','block');

매개변수를 넣어서 인수를 전달할 수도 있다.

---

▶️ addEventListener

  document.getElementById('close').addEventListener('click', function(){
        document.getElementById('alert').style.display = 'none'
      });

• addEventListenter('동작','실행할함수') 동작시 함수를 실행해준다.
• 실행할 수 있는 동작 예시 'mouseover'(요소에 커서를 올리기), 'scroll'(요소가 스크롤 될 때), 'keydown'(입력이 가능한 요소에 글자를 입력할때)

https://developer.mozilla.org/en-US/docs/Web/Events
이벤트리스너가 필요할때 검색하면서 찾아써보자.

---