Esercizi JavaScript per principianti, svolti e spiegati (eseguibili nel browser)

JavaScript si impara facendolo: scrivi due righe, premi esegui, guardi il risultato. Il bello è che gira nel browser senza installare niente — proprio come questi sei esercizi, che puoi eseguire e modificare direttamente qui con "Prova tu". Sono in ordine di difficoltà: falli tutti e avrai già in mano le basi.

Esercizio 1 — Salutare l'utente

Stampa un saluto personalizzato.

let nome = "Giulia";
console.log("Ciao, " + nome + "! Benvenuta.");

console.log mostra un valore; le stringhe si uniscono con +. Cambia il nome ed esegui di nuovo.

Esercizio 2 — La somma di due numeri

Somma due numeri e mostra il risultato.

let a = 8;
let b = 5;
console.log("La somma è " + (a + b));

Attenzione alle parentesi attorno ad a + b: senza, JavaScript "incollerebbe" i numeri come testo invece di sommarli. Provala tu togliendole.

Esercizio 3 — Pari o dispari

Dì se un numero è pari o dispari.

let numero = 7;

if (numero % 2 === 0) {
  console.log(numero + " è pari");
} else {
  console.log(numero + " è dispari");
}

% è il resto della divisione: se diviso 2 dà resto zero, il numero è pari. === confronta due valori (in JavaScript usa sempre tre uguali).

Esercizio 4 — Contare da 1 a 5

Stampa tutti i numeri da 1 a 5.

for (let i = 1; i <= 5; i++) {
  console.log(i);
}

i++ aumenta i di uno a ogni giro; il ciclo va avanti finché i <= 5. Cambia il 5 e guarda cosa succede.

Esercizio 5 — La somma dei primi 100 numeri

Somma tutti i numeri da 1 a 100.

let totale = 0;
for (let i = 1; i <= 100; i++) {
  totale = totale + i;
}
console.log("La somma da 1 a 100 è " + totale);

Qui accumuli: parti da zero e a ogni giro aggiungi il numero corrente. È lo schema base di quasi ogni calcolo.

Esercizio 6 — Trovare il più grande

Trova il numero più grande in un array.

let numeri = [3, 9, 2, 15, 7];
let massimo = numeri[0];

for (let n of numeri) {
  if (n > massimo) {
    massimo = n;
  }
}
console.log("Il più grande è " + massimo);

Parti dal primo come "campione in carica" e lo sostituisci ogni volta che ne trovi uno più grande. Quando questo schema ti viene naturale, hai fatto un salto vero.

E adesso?

Se questi esercizi ti sono piaciuti, il percorso JavaScript ne ha centinaia come questi, dal primo console.log fino a oggetti, array, DOM e async: teoria breve e poi subito pratica nel browser, con XP e streak. I primi capitoli sono gratuiti. Vuoi solo sperimentare? Il playground è libero.