Javascript: quinta lezione


Ora vediamo le principali istruzioni Javascript:

  • L' istruzione If...else
  • Le istruzioni For e While
  • Le istruzioni // e /*...*/

If...else

If...else e' usato per eseguire delle istruzioni quando una certa condizione e' vera o falsa. Questa e' la sua struttura:

If (condizione) { istruzioni }
o:
If (condizione) { istruzioni } else { istruzioni }

Esempio

Digita 'casa' in questo campo:poi clicca all' esterno del campo.

Ok, ora prova a digitare qualsiasi altra cosa e clicca all' esterno del campo.

E questa e' la pagina HTML:

<HTML><HEAD><SCRIPT LANGUAGE="JavaScript1.2">
<!-- Nascondi lo script ai vecchi browser

function jokefunction(text1) {

if (text1=="casa")

{alert("Si, e' giusto!")}

else

{alert ("Ok! Hai digitato una parola diversa...)")}

}

// Fine del testo nascosto. -->
</SCRIPT></HEAD>

<BODY> Digita 'casa' in questo campo:

<input type="text" size="20" name="text1"onchange="Jokefunction(this.value)">

poi clicca all' esterno del campo.<br>

Ok, ora prova a digitare una cosa diversa e clicca all' esterno del campo.

</BODY></HTML>

Cosa e' successo? Bene, quando cambi qualcosa all' interno del campo, si verifica un evento Change. Quindi il gestore di eventi OnChange chiama la funzione 'jokefunction', passandogli il valore del campo 'text1'. Nota che potresti scrivere anche 'text1.value' invece di 'this.value'. This.qualcosa significa l' oggetto corrente. In questo caso, 'this.' significa il campo corrente. Bene, cosa succede all' interno della funzione jokefunction? Puoi controllare il valore del campo, confrontandolo con la stringa 'casa'. Se la condizione e' vera, il browser eseguira' la prima istruzione, altrimenti eseguira' la seconda.

For e While

For e While sono dei loop. Un loop e' un insieme di istruzioni che sono eseguite fino a quando una certa condizione non e' piu' vera. Questa e' la sua struttura:

for (espressione-iniziale; condizione; incremento) {istruzioni}

Cosa accade all' interno di un loop?

  1. Viene eseguita l' espressione iniziale espressione-iniziale, se e' presente (questa espressione di solito e' usata per inizializzare uno o piu' contatori).

  2. Viene valutata l' espressione condizione. Se risulta vera, le istruzioni del loop vengono eseguite, altrimenti il loop termina.

  3. Viene eseguita l' espressione incremento (questa espressione di solito e' usata per incrementare uno o piu' contatori).

  4. Vengono eseguite le istruzioni istruzioni, ed il controllo ritorna al punto 2.

L' istruzione While e' simile all' istruzione for. Questa e' la sua struttura:

while (condizione) {istruzioni}

In questa istruzione, le istruzioni vengono eseguite mentre la condizione condizione e' vera.

Esempio

E questa e' la pagina HTML:

<HTML><HEAD><SCRIPT LANGUAGE="JavaScript1.2">
<!-- Nascondi lo script ai vecchi browser

function myloop() {

for (ctr=1; ctr<=5; ctr++) {alert (ctr)}

}

// Fine del testo nascosto. -->
</SCRIPT></HEAD>

<BODY>

<input type="button onClick="myloop()" value="Clicca qui!">

</BODY>

</HTML>

// e /*...*/

// e' usato per i commenti. Se digiti:

// questo e' un commento

Quella riga viene ignorata. Quando sono presenti piu' righe in un commento, puoi usare /* all' inizio del commento e */ alla fine. Cosi':

/*

Questo

e'

un

commento

*/


 

      Home  Pag. prec.         Chi siamo?  Scrivici!

Copyright (c) 1998-2006 Wowarea