9 maggio 2014

Le istruzioni condizionali

Nel post precedente abbiamo utilizzato le istruzioni condizionali per costruire un form per un preventivo in JavaScript. Ora approfondiremo la loro sintassi anche con un esempio pratico.

E' possibile condizionare l'esecuzione di codice solo se si verifica una particolare condizione.

A questo scopo si possono utilizzare diversi costrutti:
  • if
    if ( espressione da verificare ){
    //codice da eseguire se la condizione è vera
    L'espressione da verificare deve restituire come valore TRUE o FALSE: il codice racchiuso nelle parentesi graffe verrà eseguito solo se il valore restituito è TRUE. Le parentesi graffe possono essere omesse se deve essere eseguita una sola riga di codice.
  • if, else
    if (espressione da verificare){
    //codice da eseguire se la condizione è vera
    }
    else{
    //codice da eseguire se la condizione è falsa
    }
    Rispetto al costrutto precedente, con else si fornisce un'alternativa da eseguire nel caso in cui la condizione posta sia falsa.
  • if,else if,else
    if (espressione da verificare){
    //codice da eseguire se la condizione è vera
    }
    else if (seconda espressione da verificare){
    //codice da eseguire se la seconda condizione è vera
    }
    else{
    //codice da eseguire se tutte e due le condizioni precedenti sono false
    Con else if si possono aggiungere più condizioni aggiuntive all'interno di uno stesso blocco di codice.


Un esempio:




Questo il codice della funzione utilizzata, che viene richiamata all'onclick:
function verificaNumero(){
 var numero = parseInt(document.getElementById('MS_numero').value.trim());
 var boxRisultato =document.getElementById('MS_risultato');
 if(isNaN(numero))
    boxRisultato.innerHTML='Devi inserire un numero';
 else if(numero%2!=0)
    boxRisultato.innerHTML='Il numero '+numero+' è dispari';
 else
    boxRisultato.innerHTML='Il numero '+numero+' è pari';
}
Nel prossimo post vedremo come scrivere un'istruzione condizionale in forma sintetica con l'operatore ternario.

Nessun commento:

Posta un commento