docappunti appunti di programmazione di programmazione
download 
Reclamo Transcript
appunti appunti di programmazione di programmazione
APPUNTI
DI PROGRAMMAZIONE
(tutti gli esercizi sono su http:// ww.meatim.eu )
Prof.ssa Maria D’Angelo
IL LINGUAGGIO JAVASCRIPT
(cos’è, a cosa serve, come si usa, come si crea un programma, come si tolgono gli errori, l’ingresso e l’uscita
dei dati, le function, il ciclo while, il ciclo for)
Il linguaggio Javascript è ospitato dentro il linguaggio HTML e serve per rendere dinamiche le pagine WEB.
Si possono fare le seguenti operazioni: ingresso di dati (numeri e stringhe), controllo sui dati in ingresso da
video sia uno alla volta che su un modulo (form), calcoli ecc…
La pagina in HTML, da sola, è statica e si muovono solo i video. Con il linguaggio Javascript si può
aggiungere qualcosa di dinamico alla pagina, anche un banner (una striscia che si muove e mostra una
pubblicità) e collocarlo sotto, di lato o altrove nella pagina WEB.
Il linguaggio Javascript viene interpretato e non compilato cioè una sola istruzione alla volta viene
controllata ed eseguita. Se c’è un errore esso viene mostrato subito, riga per riga.
Il programma si può scrivere anche con BLOCCO NOTE, si salva con estensione HTML ( es. radicequad.html).
Il codice sorgente ha, cioè, estensione html. Poi si può far girare immediatamente cliccandoci sopra due
volte ( o facendo seleziona icona, tasto destro, APRI CON Google Krome.)
Se il programma non funziona oppure funziona male oppure evidenzia degli errori bisogna tornare al codice
sorgente e togliere gli errori. Se si personalizza il browser accettando il “debugging degli script” allora il
browser indica anche la riga del codice sorgente dove si è verificato l’errore.
Di seguito c’è l’esercizio che calcola la radice quadrata di un numero.
<html> <head>
<title> Calcolo radice quadrata</title>
<script language = "javascript">
function quadrata()
{ var num, rad;
num = prompt("Inserisci un numero: "); num = parseInt(num);
rad = Math.sqrt(num);
//entra un numero intero
//classe MTH e metodo sqrt
alert ("La radice quadrata è "+rad);
}
</script> </head>
<body background="img/matematica.jpg" text="red">
<H4>CALCOLO DELLA RADICE QUADRATA
<script> quadrata(); </script> </body></html>
Appunti di programmazione in javascript della Prof.ssa Maria D’Angelo
2
Le istruzioni per l’ingresso del numero (prompt) e per il calcolo della radice quadrata sono inserite
all’interno della FUNCTION nella zona head della pagina WEB.
L’istruzione Math.sqrt(num) con il punto tra Math (la classe) e sqrt (il metodo) indica l’utilizzo
della programmazione ad oggetti.
La function è un pezzo di codice “specializzato” che svolge cioè un’unica funzione, viene
richiamata nel body e prevede l’uscita del risultato con la finestra di dialogo Alert.
Dopo aver compreso l’esempio della radice quadrata si possono fare tanti esercizi dello stesso tipo:
-
Calcolo potenza di un numero (usando il metodo Math.pow)
Calcolo sconto su un importo in ingresso (es. sconto del 20%)
Calcola l’area del cerchio con il raggio in ingresso.
In seguito si possono far entrare due dati (usando due prompt) ed eseguire dei calcoli:
-
Calcolo del perimetro del rettangolo (con base e altezza in ingresso)
Calcolo dell’area del rettangolo
Calcolo dell’area del triangolo rettangolo (con i due cateti in ingresso).
Il passo successivo è inserire il ciclo while. Riprendiamo l’esempio sulla radice quadrata e
aggiungiamo il controllo sul numero in ingresso. Controlliamo che il numero sia maggiore di
zero. Ecco il nuovo codice:
<html> <head>
<title> Calcolo radice quadrata</title>
<script language = "javascript">
function quadrata()
{ var num, rad;
num = prompt("Inserisci un numero: "); num = parseInt(num);
//entra un numero intero
while (num <=0)
{
alert ("Il numero non va bene perché è negativo o nullo, reintrodurlo!”);
num = prompt("Inserisci un numero: "); num = parseInt(num);
}
rad = Math.sqrt(num);
//classe MTH e metodo sqrt
alert ("La radice quadrata è "+rad);
}
</script> </head>
<body background="img/matematica.jpg" text="red">
<H4>CALCOLO DELLA RADICE QUADRATA
<script> quadrata(); </script> </body></html>
Appunti di programmazione in javascript della Prof.ssa Maria D’Angelo
3
Dal ciclo while non si esce finchè non entra un numero positive: fare attenzione!
Il passo successivo è inserire il ciclo for. Ora faremo entrare 5 numeri, uno alla volta e, dopo
averli controllati, per ognuno calcoleremo la radice quadrata. Ecco il codice.
<html> <head>
<title> Calcolo radice quadrata</title>
<script language = "javascript">
function quadrata()
{ var num, rad;
for (i=1; i<=5; i=i+1)
{ num = prompt("Inserisci un numero: "); num = parseInt(num);
//entra un numero intero
while (num <=0)
{
alert ("Il numero non va bene perché è negativo o nullo, reintrodurlo!”);
num = prompt("Inserisci un numero: "); num = parseInt(num);
} // fine while
rad = Math.sqrt(num);
//classe MTH e metodo sqrt
alert ("La radice quadrata è "+rad);
} // fine for
}
</script> </head>
<body background="img/matematica.jpg" text="red">
<H4>CALCOLO DELLA RADICE QUADRATA
<script> quadrata(); </script> </body></html>
Notare come l’esercizio calcola la radice quadrata soltanto dei numeri positivi e continua a
richiederli se non lo sono. Quando l’esercizio termina sono stati “usati” cinque numeri positivi e per
essi è stata calcolata e visualizzata la radice quadrata.
Appunti di programmazione in javascript della Prof.ssa Maria D’Angelo
4
