L'istruzione switch in Javascript
Switch è istruzione condizionale che valuta la verifica di una condizione rispetto a più possibili casi ed eseguirà uno o più blocchi di codice nel caso di corrispondenza. L'istruzione switch è strettamente correlata a un'istruzione condizionale contenente molti altri blocchi if e spesso possono essere usati in modo intercambiabile.
Sintassi dell'istruzione switch
Le keyword correlate di switch sono:
- case
- break;
- default
switch (expression) {
case x:
// esegui caso x se corrispondente
break;
case y:
// esegui caso y se corrispondente
break;
default:
// esegui caso default se non corrispondente
};
Esempio dell'istruzione Switch in Javascript
testo di esempio .testo di esempio .testo di esempio .testo di esempio .testo di esempio .
testo di esempio .testo di esempio .testo di esempio .testo di esempio .testo di esempio .
Codice della lezione: L'istruzione Switch in Javascript
const dataOggi = new Date();
const meseNumeri = new Date().getMonth;
const meseLettere = dataOggi.toLocaleString('default', { month: 'long' });
document.getElementById('txtID1').innerHTML = "Questo è il mese di : " + meseLettere + "";
// L'istruzione Switch
switch (meseNumeri) {
case 0: // case - nel caso in cui si avveri questa condizione
document.getElementById('txtID2').innerHTML = 'in questo mese è nato Lorenzo Il Magnifico'; //cosa viene mostrato?
break; // crea un interruzione
case 1:
document.getElementById('txtID2').innerHTML = 'in questo mese è nato Galileo Galilei';
break;
case 2:
document.getElementById('txtID2').innerHTML = 'in questo mese è nato David Gilmour';
break;
case 3:
document.getElementById('txtID2').innerHTML = 'in questo mese è nato Charles Baudelaire';
break;
case 4:
document.getElementById('txtID2').innerHTML = 'in questo mese è nato Eduardo De Filippo';
break;
case 5:
document.getElementById('txtID2').innerHTML = 'in questo mese è nato Sigmund Freud';
break;
case 6:
document.getElementById('txtID2').innerHTML = 'in questo mese è nato Bill Cosby';
break;
case 7:
document.getElementById('txtID2').innerHTML = 'in questo mese è nato Neil Armstrong';
break;
case 8:
document.getElementById('txtID2').innerHTML = 'in questo mese è nato Bruce Springsteen';
break;
case 9:
document.getElementById('txtID2').innerHTML = 'in questo mese è nato Matt Damon';
break;
case 10:
document.getElementById('txtID2').innerHTML = 'in questo mese è nato Max Pezzali';
break;
// se nessuna condizione di quelle precedenti viene intercettata allora usa default
default:
document.getElementById('txtID2').innerHTML = "È il compleanno di Gerù";
};
// Switch con Casi multipli
const selezionaElemento = document.querySelector('#mesi');
const risultato = document.querySelector('.risultato');
const questomese = selezionaElemento.addEventListener('change', (event) => {
const dati = event.target.value;
switch(dati) {
case "gennaio":
case "febbraio":
case "marzo":
risultato.textContent = "Siamo in Inverno";
break;
case "aprile":
case "maggio":
case "giugno":
risultato.textContent = "Siamo in Primavera";
break;
case "luglio":
case "agosto":
case "settembre":
risultato.textContent = "Siamo in Estate";
break;
case "ottobre":
case "novembre":
case "dicembre":
risultato.textContent = "Siamo in Autunno";
break;
default:
risultato.textContent = "oooHHH belloH!"
};
});
// Switch per Range
const selezionaEta = document.querySelector("#miaeta");
const result = document.querySelector('.altrorisultato');
const eta = selezionaEta.addEventListener('change', (event) => {
const dati = event.target.value;
switch(true) {
case dati >= 60:
result.textContent = "Si stava meglio quando si lavorava";
break;
case dati >= 50:
result.textContent = "Si, ma la pensione?";
break;
case dati >= 40:
result.textContent = "It's children time";
break;
case dati >= 30:
result.textContent = "Case, libri, auto, viaggi, fogli di giornale.";
break;
case dati >= 20:
result.textContent = "La vita è uno sballo";
break;
case dati >= 11:
result.textContent = "Sei troppo giovane";
break;
case dati <= 10:
result.textContent = "Che fai vicino al pc? Vai a giocare.";
break;
default:
result.textContent = "Ehi, inserisci la tua età"
};
});