Le istruzioni if, else if, else in Javascript
If , else if, else sono istruzioni condizionali, permettono di dare vita a degli eventi a patto che accada (o non accada) una determinata condizione.
Normalmente Javascript segue un flusso dall'alto al basso (cioè viene eseguito il codice dalla prima riga all'ultima) almeno finché non viene raggiunta un istruzione che ne cambia il flusso (ControlFlow), come ad esempio i cicli, condizionali o funzioni.
Sintassi delle istruzioni condizionali
Sintassi dell'istruzione if
//istruzione if
if(condizione){
// se accade, esegui azione
};
Sintassi dell'istruzione else
// istruzione else
if(condizione){
// se accade, esegui azione
}else{
// altrimenti esegui questo
};
Sintassi dell'istruzione else if
// istruzione else if
if(condizione){
// se accade, esegui azione
}else if(condizione){
// altrimenti esegui questo
}else {
};
Esempio delle istruzioni if - else if - else 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 .
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'oggetto Date in Javascript
// istruzione condizionale IF
const a = 300;
const b = 300;
const c = 400;
const d = 100;
if(a == b) {
document.getElementById('txtID1').innerHTML = 'Questa condizione è vera' ;
}
// qui non accade niente perchè la condizione non si è verificata
if(c == a) {
document.getElementById('txtID2').innerHTML = 'Questa condizione è vera' ;
}
// istruzioni condizionali ELSE
if (c == a) {
document.getElementById('txtID3').innerHTML = 'Questa condizione è vera'
}else {
document.getElementById('txtID3').innerHTML = 'Questa condizione non è vera'
}
// esempio con Booleano (true,false)
const login = false;
if(login) {
document.getElementById('txtID4').innerHTML = 'Ciao Utente loggato, Benvenuto';
}else{
document.getElementById('txtID4').innerHTML = 'Ciao Utente, non sei loggato. Ci dispiace';
}
// esempio: limiti di velocità con else if
const selezionaElemento = document.querySelector('#speed');
selezionaElemento.addEventListener('change', (event) => {
const limiteVelocita = 80;
const miaVelocita = event.target.value;
const result = document.querySelector('.risultato');
if(miaVelocita < limiteVelocita) {
result.textContent = " Velocità ottima, non prendi la multa"
}else if(miaVelocita > limiteVelocita && miaVelocita < 150){
result.textContent = " UeUè, vai piano che prendi la multa"
}else if(miaVelocita > limiteVelocita && miaVelocita > 150) {
result.textContent = "oooooHHHH siii volaaaaa!!!"
}else{
result.textContent = "giusto giusto per non prendere la multa"
};
});