4.3.2 이벤트 리스너 제거하기
addEventListener() 메서드로 연결한 함수는 removeEventListener() 메서드로 제거할 수 있습니다. 단, 연결한 함수와 제거하는 함수가 같아야 합니다.
형식
function 함수() {} 태그.addEventListener('이벤트', 함수) 태그.removeEventListener('이벤트', 함수)
다음과 같이 코드를 수정하고 다시 실행해 보세요.
<script>
const onClickButton = () => {
console.log('버튼 클릭');
};
const $button = document.querySelector('button');
$button.addEventListener('click', onClickButton);
$button.removeEventListener('click', onClickButton);
</script>