Menu Maturando
Crea account gratuitoHai già un account? Accedi

Informatica · 5. Programmazione web lato client

JavaScript: variabili, funzioni, eventi e DOM

  • Riassunto
  • Argomento 2 di 4

Si inizia gratis

Hai ripassato. Adesso mettiti alla prova.

Accedi per salvare i progressi e iniziare un quiz.

Variabili e funzioni

In JavaScript le variabili sono contenitori etichettati per memorizzare dati. Il materiale indica let per valori che possono cambiare, come un punteggio, e const per valori fissi, come una data di nascita; sconsiglia var perché può creare confusione e problemi di memoria. I dati possono essere testi, numeri o valori vero/falso. Le funzioni raggruppano istruzioni riutilizzabili, simili a ricette: si dichiarano con function, un nome e parentesi, e possono restituire un risultato con return.

DOM ed eventi

Il DOM (Document Object Model) è la mappa che il browser costruisce dagli elementi HTML; JavaScript può leggere e modificare questi oggetti. Per selezionare un elemento unico si usa document.getElementById('id'); per il primo elemento con una classe, document.querySelector('.classe'). L'elemento catturato va salvato in una variabile.

  • Un evento è un'azione dell'utente, come clic, scorrimento o pressione di un tasto.
  • addEventListener collega un evento a una funzione: si cattura l'elemento, si chiama il metodo indicando l'evento e la funzione da eseguire.

Così un pulsante può reagire al clic e modificare la pagina.

JavaScriptvariabililetconstfunzioniDOMeventiaddEventListener