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
- Parentesi tonde
- Racchiudono un'espressione. Nella selezione binaria, si usano per la condizione, che deve essere un'espressione booleana, cioè che assume solo i valori true (vero) o false (falso)
- if document.all
- Se document.all esiste, allora il browser è Explorer. Come è noto, il codice scritto per Explorer non è sempre compatibile con quello scritto per Netscape e dunque siamo costretti a scrivere istruzioni diverse per i due browsers.
- document.all('pari').innerHTML=lista_pari;
document.all('dispari').innerHTML=lista_dispari;
- i tag HTML saranno interpretati come codice; il contenuto della variabile di nome lista_pari e quello della variabile di nome lista_dispari saranno rispettivamente inseriti negli elementi di nome pari e dispari attraverso il metodo innerHTML. Pari e dispari sono i nomi degli span che inseriremo nella pagina.
- else if(document.getElementById){
- In alternativa si prende in considerazione il fatto che il browser possa essere Netscape 6 o Mozilla o FireFox. Le istruzioni che seguono hanno lo stesso risultato di quelle inserite nella if precedente, ma solo scritte in una sintassi adatta a questi browsers.
APPROFONDIMENTO
- NOTA
- All'inizio le variabili lista_pari e lista_dispari sono svuotate: le istruzioni precedenti servono a cancellare il contenuto degli span; le variabili saranno poi aggiornate a seconda dell'intervallo scritto dall'utente e si ripeteranno queste istruzioni per scrivere i nuovi numeri trovati.
- if (p-s>0) {
appo=p
p=s
s=appo
}
- Se p>s, cioè se il primo numero inserito nella casella di testo è maggiore del secondo, i due numeri vengono scambiati. Per fare questo ci si serve della variabile d'appoggio appo
Notare che nell'istruzione è stato scritto p-s>0 perché c'è il rischio che i numeri vengano trattati come testo e quindi venga effettuato un ordnamento alfabetico.
- p=Math.ceil(p)
- Metodo dell'oggetto Math che restituisce l'intero approssimato per eccesso del numero p
- s=Math.floor(s)
- Metodo dell'oggetto Math che restituisce l'intero approssimato per difetto del numero s
- for (i=p; i<=s; i++) {
if (i%2==0) lista_pari+= i +' '
else lista_dispari+= i +' '
}
- Iterazione enumerativa
Il contatore va inizializzato dall'estremo inferiore dell'intervallo e viene incrementato di 1 fino a quando non arriva al valore dell'estremo superiore.
L'azione da compiere è di calcolare il resto della divisione (%) per 2: se questo è zero il numero è pari e si incrementa la variabile lista_pari, se invece è uno si incrementa la variabile lista_dispari
|
|
|
|
Si tratta di inserire i due estremi dell'intervallo in due caselle di testo quindi di suddividere i numeri compresi nell'intervallo stesso fra pari e dispari.
Qualora i numeri inseriti non siano interi, occorre approssimare per eccesso l'estremo inferiore dell'intervallo ed approssimare per difetto l'estremo superiore.
Se poi l'utente inserisce nella prima casella un numero maggiore di quello inserito nella seconda casella occorre scambiare i due numeri, sempre che non si preferisca dare un messaggio di errore. Trasmettiamo il codice del programma. Le istruzioni son spiegate nella sezione "Facciamo il punto", a sinistra nella pagina.
| |
STESURA DEL CODICE
|
Introduciamo una funzione JavaScript con il seguente codice, da inserire fra i tags <HEAD> ed </HEAD> :
<script language=JavaScript>
var lista_pari=' '
var lista_dispari=' '
function controlla(p,s) {
var lista_pari=' '
var lista_dispari=' '
if(document.all)
{
document.all('pari').innerHTML=lista_pari;
document.all('dispari').innerHTML=lista_dispari;
}
else if(document.getElementById){
document.getElementById("pari").innerHTML = lista_pari
document.getElementById("dispari").innerHTML = lista_dispari
}
else {
alert("il tuo browser non supporta questo metodo")
}
if (p>s) {
appo=p
p=s
s=appo
}
p=Math.ceil(p)
s=Math.floor(s)
for (i=p; i<=s; i++) {
if (i%2==0) lista_pari+= i +' '
else lista_dispari+= i +' '
}
if(document.all)
{
document.all('pari').innerHTML=lista_pari;
document.all('dispari').innerHTML=lista_dispari;
}
else if(document.getElementById){
document.getElementById("pari").innerHTML = lista_pari
document.getElementById("dispari").innerHTML = lista_dispari
}
else {
alert("il tuo browser non supporta questo metodo")
}
}
</script>
| |
PREPARAZIONE DEL BODY
|
Inseriamo un modulo nel punto desidarato della pagina HTML che contenga due caselle di testo per inserire i numeri ed un bottone per avviare il programma. Il tutto con il seguente codice, da inserire fra i tags <BODY> e </BODY> :
<form name="Mioform1">
Primo numero <input type=text name="primo"> Secondo numero <input type=text name="secondo">
<input type=button value="OK" name="bottone1" OnClick="javascript:controlla(document.Mioform1.primo.value,document.Mioform1.secondo.value)">
</form>
Prepariamo ora lo spazio dove far scrivere i numeri con il seguente codice (sfondo, colore e tipo di font sono ovviamente opzionali):
<table cellpadding=10 sellspacing=10>
<tr><td>Numeri pari <td bgcolor=#cacdcd><font size=4 color=navy><tt><span id="pari"></span>
<tr><td>Numeri dispari <td bgcolor=#cacdcd><font size=4 color=navy><tt><span id="dispari"></span>
</table>
Uno span è in pratica una sorta di foglio trasparente che viene "incollato" sopra alla pagina di testo. All'interno dei tags <span> e </span> può essere inserito tutto quanto si trova normalmente in una pagina HTML, come testo, immagini, tabelle, marquees, collegamenti ipertestuali. Nel nostro esempio inseriremo in uno span i numeri pari e nell'altro i numeri dispari compresi nell'intervallo. L'attributo id dà un nome allo span, che altrimenti non potrebbe essere richiamato, ad esempio, nei codici Javascript.
| |
ECCO IL RISULTATO
|
| Numeri pari |
| Numeri dispari | | |
|
|
