Embed Size (px)
Citation preview
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.).
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:
<html><head><script>function myfunction(){alert("Benvenuto nel mio mondo!!");}</script></head>
<body><form name="myform">
<input type="button" value="Hit me"
onClick="myfunction()"></form></body></html>
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:
<input type="button" value="Clicca qui" onClick="myfunction()">
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 funzioni
