Event Listeners & Handlers

const handler = (e) => console.log(e.type);
element.addEventListener('click', handler);
element.removeEventListener('click', handler);

Just the event type
The same function reference used to add it
To remove an event listener, you must provide the same function reference that was used to add it. This means anonymous functions or arrow functions defined inline cannot be removed directly. Store the handler function in a variable if you need to remove it later. Additionally, if you used specific options (like capture: true) when adding the listener, you must specify the same options when removing it.
The element reference only
A new function with the same code