Invocare un evento una sola volta in Javascript

Supponiamo di avere un bottone collegato all'evento click.

E supponiamo di volerlo bloccare per fare in modo che venga richiamato una sola volta.

Come fare questo in Javascript?

addEventListener supporta anche una serie di opzioni, tra cui once.

Se impostato a true, blocca altri richiami all'evento.

Ecco un esempio:

<script>
	window.onload = function () {
		const my_button = document.getElementById('my_btn');
		my_button.addEventListener('click', function () {
			console.log('CLICK');
		}, {
			once: true
		});
	}
</script>


<button type="button" id="my_btn">
	CLICCA
</button>

Enjoy!