Remove Event Listener of Button

March 26, 2023

How do I remove the event listener, so the alert box will not be popped up anymore after Remove Listener to prevent it from triggering pop_up button is clicked?

document.querySelector('#hihi-toggle').addEventListener('click', e => {
  alert("I am Jim")
});

function remove_event_listener_button() {
  //document.querySelector('#hihi-toggle').removeEventListener()
}

<button id="hihi-toggle" data-enabled="false">Alert Box </button>
<button onclick="remove_event_listener_button()">Remove Listener to prevent it from triggering pop_up</button>

>Solution :

const eventHandler = e => alert("I am Jim");

document.querySelector('#hihi-toggle').addEventListener('click', eventHandler);

function remove_event_listener_button() {
  document.querySelector('#hihi-toggle').removeEventListener('click',eventHandler)
}