#pillole javascript, associare callback agli eventi con addEventListener

Tempo di lettura dell'articolo 1 minuti

Una modalità molto comune utilizzata per associare un evento utilizzando il DOM è la funzione addEventListener().

Un semplice esempio di utilizzo è la compilazione dei campi username e password che abbiamo salvati nel local storage del browser.

Ecco l’esempio in javascript

    window.addEventListener('DOMContentLoaded', (e) => { 
        var Username = localStorage.getItem('username');
        var Password = localStorage.getItem('password');
        document.getElementById('LoginUser').value = Username;  
        document.getElementById('LoginPass').value = Password;                    
    });

Andiamo a creare due variabili che leggono dal local storage le informazioni e poi tramite il getElementById andiamo a popolare il campo value della text box della form html:

ovviamente questo è un esempio base. Possiamo utilizzare per scopi molto più concreti e articolati questo metodo.