docJAVASCRIPT - Commento all`esercizio del rettangolo
download 
Reclamo Transcript
JAVASCRIPT - Commento all`esercizio del rettangolo
JAVASCRIPT - Commento all’esercizio del
rettangolo
Con:
<script language = "Javascript">
si indica che il linguaggio che intendiamo usare è Javascript
Con:
function calcola ()
si definisce una funzione di nome calcola, necessaria per effettuare le operazioni
Con:
{
si indica l'inizio del codice, va posta dopo la definizione della funzione
Con:
var area;
si dichiara la variabile di nome var che conterrà il valore dell'area del rettangolo
Con:
var perimetro;
si dichiara la variabile perimetro che conterrà il valore del perimetro del rettangolo
Con:
area = dati.base.value * dati.altezza.value;
si assegna alla variabile area il risultato del prodotto tra il contenuto (ottenuto con value,
della casella di testo "base" e il contenuto della casella "altezza", entrambe contenute
nel form "dati".
Con:
alert ("L'area del rettangolo è "+area);
si visualizzano il messaggio e il valore del campo area
Con:
perimetro = (dati.base.value * 2) + (dati.altezza.value *2);
Con:
alert ("Il perimetro del rettangolo è "+perimetro);
si visualizzano il messaggio e il valore del campo perimtero
Con:
}
si indica la fine del codice
Con:
</script>
si indica la fine del codice scritto in Javascript
<body>
Tra i tag <body></body> si inserisce il codice che visualizza un pulsante sul quale cliccare per eseguire
il codice javascript, e anche due caselle di testo per far inserire all'utente la base e l'altezza del rettangolo.
Con il tag <form> si inseriscono vari pulsanti e caselle di testo. Al parametro "name" diamo il valore "dati"
così il form si chiamerà “dati”.
Si crea un paragrafo con <p></p> per inserire il testo Scrivi la base e l'altezza del rettangolo
Poi un altro paragrafo dove inserire Base:<input type = "text" name = "base">
Nello stesso modo si inserisce l’altezza.
Infine il codice per l'inserimento di un pulsante che richiami la funzione presente nell'head.
Ora con <input type = "button" name = "invia" value = "Calcola" onclick = "calcola();">
abbiamo creato un pulsante:
--- si vede dal type="button",
---- con nome "invia" e il cui valore (ciò che viene visualizzato sopra il pulsante) è " Calcola area e
perimetro"
---- che esegue la funzione "calcola();" quando viene cliccato (onclick).
</body>
Con </html> si indica la fine della pagina WEB.
© 2012 Prof.ssa D’Angelo
