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

Presentazione sul tema: "IF & ELSE. Alcune volte javascript richiede l'abilità di distinguere tra differenti possibilità."— Transcript della presentazione:

1 IF & ELSE

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

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

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

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

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

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

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

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

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

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

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

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

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

15 Un esempio:

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

17 E, OPPURE & NON

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

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

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

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

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

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

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

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

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

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

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

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

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

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

32 FUNZIONI

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

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

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

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

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

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

39

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

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

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

43 Ecco come abbiamo ottenuto la funzione:

44

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

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