[JavaScript] 이벤트 처리 방법 3가지

1. 인라인 이벤트 처리

<button onclick="handler(event, 값, 값)">버튼</button>

function handler(event, 변수, 변수) {
	// 수행문;
}

2. 엘리먼트 객체의 이벤트 프로퍼티를 이용한 이벤트 처리

<button id="btn-add">버튼</button>

let btn = document.getElementById("btn-add");
btn.onclick = function(event) {
	// 수행문;
}

3. 엘리먼트 객체의 addEventListener 메소드를 이용한 이벤트 처리

<button id="btn-add">버튼</button>

let btn = document.getElementById("btn-add");
btn.addEventListener('click', function(event) {
	// 수행문;
})