<title>Ciao a Tutti </title>
<SCRIPT language=Javascript>
<!--
document.write("<h1>Ciao a Tutti! </h1>");
// -->
</SCRIPT>
Create un piccolo file di testo con queste righe chiamandolo ciaoatutti.html, poi richiamatelo con un browser come Netscape.
Dovreste ottenere lo stesso risultato che vedete qui sotto:
Nei due programmi che seguono useremo gli oggetti di tipo text per leggere dei dati scritti dal lettore e per scrivere il risultato di operazioni fatte sugli stessi.La proprieta' value dell'oggetto servira' per indicare il contenuto del campo. Invece useremo un oggetto di tipo button e l'evento Click ad esso collegato per far pilotare il calcolo dal lettore. Inoltre usiamo la funzione predefinita Number per convertire il dato scritto dall'utente (che e' una stringa di caratteri) in numero
Ora proviamo a scrivere un programma che somma 2 numeri:
<title>Somma di due numeri</title> <form name="somma"> <input name="operando1" > + <input name="operando2" > = <input name="risultato" value="0"> <p><input type="button" value="Fai la somma!" onClick= "somma.risultato.value=Number(somma.operando1.value)+ Number(somma.operando2.value)"> </form>Dovreste avere questo risultato:
In quest'ultimo programma potete vedere come si indicano in Javascript le biforcazioni(if), i cicli (for) e la definizione di funzione.Da notare inoltre l'uso del metodo split per l'oggetto string che crea automaticamente il vettore dati contenente i numeri scritti dal lettore ricavati spezzando la stringa originale. dati e' un oggetto array la cui proprieta' length indica il numero di elementi.
Ora vogliamo scrivere un programma che fa la media di un numero qualsiasi di numeri in ingresso:
<head>
<title>Calcola la media di una serie di numeri</title>
<script language=javascript>
function calcolamedia(lista){
dati = lista.split(" ")
if (dati.length > 0) {
var somma = 0;
for (var i = 0; i < dati.length; i++){
somma = somma + Number(dati[i])
}
return (somma / dati.length);
}
}
</script>
</head>
<body>
<form name="media">
Lista di valori
<input name="valori">
<br>Risultato
<input name="risultato">
<p>
<input type=button value="Calcola la media!"
onClick="media.risultato.value=calcolamedia(media.valori.value)">
</form>
</body>
Il risultato: