JavaScript in azione: rendi interattiva la tua pagina in 1 minuto

Pubblicato il 29 giugno 2025 • Categoria: Programmazione, Sviluppo Web, JavaScript

Dopo aver visto come HTML struttura e CSS abbellisce, è il momento di dare vita alla tua pagina web. JavaScript permette di aggiungere interattività, risposte ai clic e dinamismo al contenuto. In questo articolo vedremo un esempio semplice per iniziare a usare JavaScript nel tuo progetto.

1. HTML e CSS ma senza interazione

Creiamo un bottone e un paragrafo nascosto. Ma... cliccandolo non succede nulla!

2. Aggiungiamo JavaScript

Ora scriviamo poche righe JavaScript per rendere il bottone attivo. Al clic, il paragrafo apparirà e scomparirà.

<script>
document.querySelector("#toggleBtn").addEventListener("click", function() {
  document.querySelector("#hiddenText").classList.toggle("d-none");
});
</script>

Il risultato è una pagina che risponde all'utente, anche con pochissimo codice.

Conclusione

JavaScript è il terzo pilastro del web moderno: insieme a HTML e CSS ti permette di costruire siti interattivi, dinamici e coinvolgenti. Anche con poche righe di codice puoi trasformare una pagina statica in qualcosa di sorprendente. Nei prossimi articoli esploreremo altre funzionalità JS come manipolazione del DOM, eventi, animazioni e validazione dei form.