IF & ELSE

Alcune volte javascript richiede l'abilità di distinguere tra differenti possibilità.

Per esempio, potresti avere un programma che indica il tipo di browser usato dal visitatore.

Se questo è MSIE, dovrà essere caricata una pagina specificamente creata per quel tipo di browser, se invece è Netscape dovrà caricare un'altra pagina

La sintassi generale per gli "if statements" (dove ad ogni opzione corrisponde un diverso comportamento) è:

if (condition) {action1} else {action2};

Ecco un possibile esempio: if (browser=="MSIE") {alert("Stai usando MSIE")} else {alert("Stai usando Netscape")};

Ancora una volta, è importante notare che if si scrive "if". L'uso delle maiuscole ("IF") causerebbe un errore.

Nota anche che quando confronti le variabili, devi inserire tra queste il segno di doppio uguale (==).

Quando scriviamo browser="MSIE" dobbiamo effettivamente immagazzinare "MSIE" nella variabile chiamata browser.

Quando si scrive browser=="MSIE" javascript riconosce che si vuole imporre un confronto, e non un'assegnazione di valore.

La prossima sezione spiegherà i diversi operatori (=, etc.).prossima sezione

Si possono creare degli if statement più complessi semplicemente inserendo altri if statement nella parte else.

if (condition) {action1} else {if (condition) {action2} else {action3};};

Un esempio:

if (browser=="MSIE") {alert("Stai usando MSIE")} else {if (browser=="Netscape") {alert("Stai usando Netscape")} else {alert("Stai usando un browser sconosciuto")};};

E, OPPURE & NON

Per completare i tuoi if statements, puoi usare i cosiddetti operatori logici.

E si scrive && ed è usato quando si vuole verificare se più di una condizione è vera.

Es: Se il cesto contiene uova e il cesto contiene pancetta, possiamo avere uova con pancetta.

La sintassi è: if (condition && condition) {action}

if (hour==12 && minute==0) {alert("E' mezzogiorno")};

Oppure si scrive || e viene usato quando si vuole verificare se più condizioni sono vere.

(|| si ottiene usando il tasto shift combinato con il tasto \ )

Es: Se il cesto contiene latte oppure il cesto contiene acqua, avremo qualcosa da bere.

La sintassi è: if (condition || condition) {action}

if (hour==11 || hour==10) {alert("Mancano meno di 2 ore a mezzogiorno")};

Non si scrive ! ed è usato per invertire il risultato.

Es: Se il cesto non contiene uova o non contiene pancetta, non possiamo avere uova con pancetta.

La sintassi è: if (!(condition)) {action}

if (!(hour==11)) {alert("Manca più di 1 ora a mezzogiorno")};

FUNZIONI

Invece di inserire javascript nella tua pagina in modo che il browser svolga i compiti assegnati dal programma, potresti avere bisogno di usare javascript soltanto in occasioni particolari.

Per esempio, se componi un codice javascript per cambiare il colore di fondo della pagina quando l'utente clicca su un certo bottone, è necessario informare il browser che il programma non dovrà partire subito dopo essere stato caricato.

Per impedire al browser di far partire un programma appena caricato, bisogna scrivere il programma come una funzione.

Se javascript viene scritto sotto forma di funzioni, gli ordini verranno eseguiti soltanto dopo una specifica richiesta. In questo modo si ottiene il controllo completo della determinazione dei tempi.

Guarda come vengono scritte le righe del programma sotto forma di funzioni:

function myfunction() { alert("Benvenuto nel mio mondo!!"); }

Clicca sul bottone per vedere il programma qui sopra messo in pratica:

Se la riga: alert("Benvenuto nel mio mondo!!"); non fosse stata scritta all'interno di una funzione, sarebbe comparsa sullo schermo non appena fosse stata caricata.

Ma siccome l'abbiamo scritta come una funzione, è stato possibile vederla solo dopo avere cliccato sul bottone

Ecco come abbiamo ottenuto la funzione:

Come puoi vedere, abbiamo collocato il bottone in un form e abbiamo aggiunto l'evento onClick="myfunction()" alle proprietà del bottone.

La prossima pagina darà una descrizione dettagliata dei diversi eventi usati per far partire le funzioniprossima pagina