Custom browser .once() realisation.js

/*

<div id="foo">123</div>
<button onClick="trigger();">toggle</button>

*/


const once = (el, eventName, handler) => el.addEventListener(eventName, handler);
const onceHandlerWrap = (fn, eventName) => {
	const _handler = (e, ...args) => {
		fn(...args);
		e.target.removeEventListener(eventName, _handler);
	};
  
  return _handler;
}

// ------

const customHandler = (...args) => console.log(true, [...args]);
const trigger = () => {
	let el = document.querySelector("#foo");
	once(el, "click", onceHandlerWrap(customHandler, "click"));
}



/*
or just 
document.body.addEventListener('click', cb, { once: true });
*/