Lezione 5 – JavaScript

Strutture Condizionali

Impara a prendere decisioni nel codice con if, else, switch e operatore ternario

🔀 Cos’è una Struttura Condizionale?

Le strutture condizionali permettono al programma di prendere decisioni e seguire percorsi diversi in base alle condizioni.

💡 Condizioni nella Vita Reale

  • SE piove → prendi ombrello
  • SE hai fame → mangia
  • SE è weekend → rilassati, ALTRIMENTI → lavora
🎯 Demo Rapide



✅ Istruzione if

L’istruzione if esegue codice solo se la condizione è vera.

Sintassi Base
if (condizione) {
    // Codice eseguito SE condizione è true
}

// Esempio
let età = 18;

if (età >= 18) {
    console.log("Sei maggiorenne!");
}

🎮 Prova IF

🔄 Istruzione if-else

Con else specifichi cosa fare se la condizione è falsa.

Sintassi if-else
if (condizione) {
    // Se true
} else {
    // Se false
}

// Esempio
let età = 15;

if (età >= 18) {
    console.log("Puoi votare");
} else {
    console.log("Non puoi votare");
}

🎮 Prova IF-ELSE

⚡ Istruzione else if

Con else if verifichi condizioni multiple in sequenza.

Sintassi else if
let voto = 85;

if (voto >= 90) {
    console.log("Eccellente! 🌟");
} else if (voto >= 80) {
    console.log("Molto bene! 👍");
} else if (voto >= 70) {
    console.log("Buono 👌");
} else if (voto >= 60) {
    console.log("Sufficiente ✔️");
} else {
    console.log("Insufficiente ❌");
}

🎮 Prova ELSE IF

⚠️ Ordine delle Condizioni

L’ordine è importante! JavaScript si ferma alla prima condizione vera.

🔀 Istruzione switch

L’istruzione switch è utile per molte opzioni.

Sintassi switch
let giorno = 3;

switch (giorno) {
    case 1:
        console.log("Lunedì");
        break;
    case 2:
        console.log("Martedì");
        break;
    case 3:
        console.log("Mercoledì");
        break;
    default:
        console.log("Altro giorno");
}

🎮 Prova SWITCH

⚠️ Non Dimenticare break!

Senza break il codice continua nei casi successivi!

🎯 Operatore Ternario

If-else in una sola riga!

Sintassi Ternario
// Sintassi: condizione ? seVero : seFalso

let età = 20;
let stato = età >= 18 ? "adulto" : "minorenne";

console.log(stato);  // "adulto"

🎮 Prova TERNARIO

🔗 Condizioni Multiple

Usa && (AND) e || (OR) per combinare condizioni.

Operatori Logici
let età = 20;
let haPatente = true;

// AND: entrambe devono essere vere
if (età >= 18 && haPatente) {
    console.log("Puoi guidare!");
}

// OR: almeno una deve essere vera
if (età < 18 || !haPatente) {
    console.log("Non puoi guidare");
}

🎮 Prova CONDIZIONI MULTIPLE

🚀 Esempi Pratici

🔐 Validazione Password

Verifica che una password abbia: minimo 8 caratteri, una maiuscola e un numero.

💰 Calcolatore Sconti

Calcola sconti in base all'importo: 5% da €50, 10% da €100, 20% da €200.

💪 Esercizi Pratici

📝 Esercizio 1: Calcolatore IMC

Obiettivo: Calcola Indice Massa Corporea e classifica il risultato

  • Sottopeso: IMC < 18.5
  • Normale: 18.5 ≤ IMC < 25
  • Sovrappeso: 25 ≤ IMC < 30
  • Obeso: IMC ≥ 30

📝 Esercizio 2: Sistema Valutazione

Obiettivo: Converti voto numerico in lettera e giudizio

  • A: 90-100 (Eccellente)
  • B: 80-89 (Molto bene)
  • C: 70-79 (Buono)
  • D: 60-69 (Sufficiente)
  • F: 0-59 (Insufficiente)

📝 Esercizio 3: Sistema Login

Obiettivo: Verifica username e password

  • Username corretto: "admin"
  • Password corretta: "pass123"
  • Mostra messaggi di errore specifici

🎯 Riepilogo Lezione

if

  • Una condizione
  • Esegue se true
if-else

  • Due percorsi
  • True O false
else if

  • Condizioni multiple
  • Prima vera vince
switch

  • Molte opzioni
  • Ricorda break!

Lezione 5 del Corso JavaScript Completo

Torna in alto