이벤트 핸들러 제거
이벤트 핸들러 프로퍼티 방식으로 등록한 이벤트 핸들러는 removeEventListener 메서드로 제거 할 수 없음
이벤트 핸들러 프로퍼티 방식으로 등록한 이벤트 핸들러를 제거하면 이벤트 핸들러 프로퍼티에 Null을 할당
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<button>Click me!</button>
<script>
/*
*/
const btn = document.querySelector('button');
const handleClick = () => conslo.log('button click');
// 이벤트 핸들러 프로퍼티 방식으로 이벤트 핸들러 등록
btn.onclick = handleClick;
// removeEventListener 메서드로 이벤트 핸들러를 제거할 수 없음
btn.removeEventListener('click', handleClick);
// 이벤트 핸들러 프로퍼티에 null을 할당하여 이벤트 핸들러를 제거
btn.onclick = null;
</script>
</head>
<body>
</body>
</html>