눈에 띄지않는 자바스크립트

HTML + CSS + JAVASCRIPT 구조에 의거하여 HTML페이지 내에 Javascript를 바로 작성하지 않는 것을 의미하고?unobtrusive 방식이라고 말한다. 즉, onClick등으로 이벤트에 대한 처리 함수를 직접 기술하는 것이 아니고, Javascript 내에서 다음과 같이 이벤트를 동적으로 할당하는 방식이다..

addEventListener하는 method를 이용하며, 이벤트 이름, callback 함수, 이벤트 버블링 을 파라메터로 받는다.

이벤트 버블링이란 발생한 이벤트를 부모 element에게 전달할지의 여부를 나타내며 보통은 false를 사용한다.

document.getElementById("btn").addEventListener("click", callAlert, false);