Istruzione if

Oggi vediamo un'altra istruzione javascript e precisamente l'istruzione if.

L'istruzione if serve per controllare il valore che ha in un certo momento una variabile.

Esercizio

Scrivere un programma di geografia che riconosca il nome di una provincia della regione Puglia.

Soluzione

Procediamo con ordine.

Che cosa ci serve?

Intanto ci serve una casella di testo in cui l'utente del programma scriverà il nome di una provincia. La casella di testo la possiamo costruire facilmente con la seguente istruzione:

<input type="text" name="prima" onkeyup="verifica()"> 

La casella di testo ha nome: "prima"; quando l'utente scrive un nome con la funzione verifica() che costruiremo dopo, controlleremo che il nome scritto sia quello giusto.

Si tratta ora di scrivere la funzione verifica().

Intanto dovremmo sapere quali sono le provincie della regione Puglia; dovrebbero essere:

Foggia, Bari, Barletta, Andria, Brindisi, Taranto, Lecce.

Ci serva una istruzione che controlli che il nome scritto sia quello giusto; questa è appunto l'istruzione if. La scriviamo in questo modo:

a=document.all.prima.value;

if (a=="Bari") alert ("Risposta esatta");

Nella variabile a è presente il testo scritto dall'utente. Supponiamo che l'utente abbia scritto: Bari. Che cosa succederà quando inizia la funzione verifica()?

Con:

a=document.all.prima.value;

in a troviamo il valore scritto dall'utente; quindi:

a="Bari"

Ora controlliamo con la if:

if (a=="Bari") alert ("Risposta esatta");

La if è costituita da due parti; la prima parte controlla che si sia verificata una certa condizione che viene posta tra parentesi tonde; le parentesi sono obbligatorie.

if (a=="Bari")  vuol dire: se il valore contenuto nella variabile a è uguale a "Bari"; la if vuol dire in italiano: se. Notiamo il doppio uguale, cioè ==.

La seconda parte della if contiene una o più istruzioni da eseguire solo se la prima parte si è verificata; infatti nella seconda parte abbiamo scritto:

alert ("Risposta esatta") cioè: scrivi un segnale di conferma, che la risposta è esatta.

Essendo le provincie della Puglia sette ci occorrono sette if, una per ciascuna provincia. Per cui la nostra funzione verifica() sarà la seguente:

<script>

function verifica() {

a=document.all.prima.value;

if (a=="Bari") alert ("Risposta esatta");

if (a=="Foggia") alert ("Risposta esatta");

if (a=="Brindisi") alert ("Risposta esatta");

if (a=="Barletta") alert ("Risposta esatta");

if (a=="Andria") alert ("Risposta esatta");

if (a=="Lecce") alert ("Risposta esatta");

if (a=="Taranto") alert ("Risposta esatta");

}

</script>

Cioè abbiamo messo una if per ciascuna provincia della Puglia.

Il listato completo del programma è:

Scriviamolo con Word e salviamolo con il nome di ottavo.html e proviamolo con Internet explorer per vedere se funziona. Dovremmo vedere:

Esercizio da svolgere

Scrivi un programma di geografia che riconosca il nome di una provincia della regione in cui abiti.

Corso Javascript per scuola media

Dizionario Javascript e html

prof. Pietro De Paolis

©  ING. PIETRO DE PAOLIS - E' consentita la diffusione citando l'autore e il dominio: - Scuola Elettrica - www.scuolaelettrica.it

Scuola Elettrica