● 프로퍼티 리스너 방식으로 이벤트 등록하기
프로퍼티 리스너(property listener)는 요소 노드에 직접 속성으로 이벤트를 등록하는 방법입니다. 다음 코드를 보면 버튼을 클릭했을 때 요소 노드에 등록된 이벤트 속성에 할당된 함수가 실행됩니다.
12/06/property_listener.html
<button>클릭</button>
<script>
const btnEl = document.querySelector("button");
btnEl.onclick = function(){
alert("click");
}
</script>
그림 12-42 실행결과