Che cosa fa JavaScript in una pagina web

In parole semplici

JavaScript è il linguaggio che permette a una pagina di cambiare dopo che è stata caricata. Può mostrare un messaggio, leggere un clic, controllare un campo, aggiornare un prezzo o aggiungere un elemento alla pagina.

Questa lezione fa parte del modulo Primi passi con JavaScript. L’obiettivo del modulo è: Capire cosa può fare JavaScript e scrivere i primi comandi senza dare nulla per scontato.

Parole nuove

• pagina: il file HTML che vedi nel browser.
• reagire: cambiare quando succede qualcosa, per esempio un clic.

Cosa impari

• Capire il concetto senza partire da definizioni astratte.
• Vedere un esempio piccolo che puoi copiare e modificare.
• Collegare l’argomento al risultato del modulo: un piccolo calcolatore di prezzo eseguito in console.

Esempio da copiare

<button id="saluto">Cliccami</button>
<p id="messaggio">Qui apparirà un messaggio.</p>

<script>
  const bottone = document.querySelector("#saluto");
  const messaggio = document.querySelector("#messaggio");

  bottone.addEventListener("click", () => {
    messaggio.textContent = "Hai appena usato JavaScript.";
  });
</script>

Non devi memorizzare tutto subito. Prima copia l’esempio, fallo funzionare e cambia una cosa alla volta.

Esercizio guidato

1. Crea un file chiamato index.html.
2. Copia dentro l’esempio completo.
3. Apri il file nel browser.
4. Clicca il bottone e osserva il testo che cambia.
5. Cambia il messaggio finale con una frase tua.

Controllo finale

Hai finito quando riesci a dire, senza spiegare ogni riga, che il bottone provoca un cambiamento nella pagina.