F | acciamo il punto. Argomenti correlati:
|
- Parentesi graffe
- Racchiudono un blocco di istruzioni e sono usate in molti casi, ad esempio nelle funzioni. In particolare:
- {
- indica l'inizio (corrisponde al begin del Pascal
- }
- indica la fine (corrisponde all' end del Pascal
- Variabile booleana
- Che assume solo i valori true (vero) o false (falso)
- document.write
- Metodo dell'oggetto document
- i++
- Equivale all'istruzione di assegnazione i=i+1; in altri termini incrementa di 1 il valore della variabile i
- Contatore
- Nome dato abitualmente ad una variabile che viene usata per memorizzare quante volte è stata compiuta un'azione.
Ogni volta che si usa una variabile come contatore essa deve essere inizializzata (cioè le si deve attribuire un valore di partenza) e quindi deve essere incrementata di un valore costante ad ogni passo del ciclo.
- <br>
- tag del linguaggio HTML che manda il testo a capo.
- 'CIAO' + '<br>'
- Il simbolo + viene usato in questo caso per concatenare le due stringhe
|
|
|
|
Ecco il diagramma sintattico del ciclo for: si tratta di eseguire una o più istruzioni (racchiuse fra le parentesi graffe) per un certo numero di volte. Tale numero viene determinato dalle espressioni scritte nella parentesi tonda: un valore iniziale per il contatore, la condizione da verificare per completare il ciclo, l'incremento (positivo o negativo) da dare al contatore stesso.
| |
PRIMO ESEMPIO
|
Vogliamo scrivere per 20 volte in colonna la parola 'CIAO'.
Diamo alla variabile contatore il nome i
- La singola azione da eseguire è
- scrivere 'CIAO' e andare a capo: si traduce con l'istruzione document.write( 'CIAO' + '<br>')
- Cominciamo a contare da 1: sarà questo il valore iniziale del contatore
- Nel campo inizializzazione scriviamo i=1
- L'azione va ripetuta per 20 volte:
- Nel campo condizione scriviamo i<=20
- Ogni volta che abbiamo compiuto un'azione, incrementiamo il contatore di 1:
- Nel campo incremento scriviamo i++
Prepariamo la funzione JavaScript che ci occorre con il seguente codice, da inserire fra i tags <HEAD> ed </HEAD> :
<script language=JavaScript>
function scrivi() {
for (i=1; i<=20; i=i++) {
document.write('CIAO' + '<br>');
}
}
</script>
Creiamo un bottone con il seguente codice, da inserire fra i tags <BODY> e </BODY> :
<form name="MioForm">
<input type=button value="Clicca" name="bottone" OnClick="javascript:scrivi()">
</form>
Otteniamo il seguente risultato:
| |
SECONDO ESEMPIO
|
In questo esempio vedremo come la variabile contatore, alla quale diamo il nome i, alcune volte, non serva solo per memorizzare il numero di azioni effettuate, ma anche, quando il risultato è un numero, possa essere utilizzata per l'output del programma. Vogliamo scrivere in colonna tutti i numeri pari fra 20 e 80.
- Il termine iniziale da scrivere è 20: sarà questo il valore iniziale del contatore
- Nel campo inizializzazione scriviamo i=20
- Il termine da scrivere subito dopo è 22: l'incremento del contatore deve essere di 2
- Nel campo incremento scriviamo i=i+2
- Il termine finale da scrivere è 80: sarà questa la condizione da verificare per completare il ciclo
- Nel campo condizione scriviamo i<=80
- La singola azione da eseguire è scrivere un numero e andare a capo
- Il numero che ogni volta deve essere scritto è proprio il valore assunto dal contatore: basta perciò inserire, fra le parentesi graffe del ciclo l'istruzione document.write( i + '<br>')
Prepariamo la funzione JavaScript che ci occorre con il seguente codice, da inserire fra i tags <HEAD> ed </HEAD> :
<script language=JavaScript>
function pari() {
for (i=20; i<=80; i=i+2) {
document.write( i + '<br>');
}
}
</script>
Creiamo un bottone con il seguente codice, da inserire fra i tags <BODY> e </BODY> :
<form name="Mioform1">
<input type=button value="Clicca" name="bottone" OnClick="javascript:pari()">
</form>
Otteniamo il seguente risultato:
|
webfract@tin.it
| |