Istruzione if

       data di oggi:
Classe 1a della scuola secondaria di  1° grado

Click col sinistro per interrompere l'audio

Click col sinistro per avviare l'audio

Zitto! Parla!

 

 

Corso di Javascript

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 è:

<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>

Questo è un programma di geografia.<br>

Scrivi qui il nome di una provincia della regione Puglia:

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

listato di ottavo.html

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

  

Lezioni tecnologia classe prima

Lezioni tecnologia classe prima

Esercizi tecnologia classe prima

 

Lezioni classe prima

 

Esercizi classe prima

Aula classe prima

 

Laboratorio tecnologia classe prima

Indice Scuola Elettrica - ridotto a 90


Scuola Elettrica



 

Altre applicazioni


Mappa per tipo di scuola

 

Indice di tutte le pagine del sito


Guida per navigare


Richiesta informazioni


Scuola Elettrica