Lo script che presentiamo necessita di poche spiegazioni. È un semplice form che consente il calcolo della radice quadrata di qualunque numero.
- esempio.htm
## 1: LA SEZIONE JAVASCRIPT
Nella sezione <head></head> inseriamo il codice script che si occuperà di fare per noi tutti i calcoli:
<script type="text/javascript" language="javascript">
<!--
function run_cal()
{
var numb1=document.calc.num1.value;
var the_ans=Math.sqrt(numb1);
if (numb1<0)
the_ans="No Negatives";
document.calc.the2root.value=the_ans;
}
//-->
</SCRIPT>
Attenzione. La funzione 'run_call' contiene riferimenti al form presente nella pagina e ai 2 campi input principali:
document.calc.num1.value
document.calc.the2root.value
Il form si chiama 'calc'. Il primo campo di input 'num1'. Il secondo 'the2root'. È ovviamente possibile usare nella parte HTML altri nomi per tutti e tre gli elementi, ma se si segue questa via, bisogna ricordarsi di modificare di conseguenza i riferimenti presenti nello script. Ciò detto, passiamo avanti.
## 2: RICHIAMO INTERNO ALLA PAGINA WEB
Ecco il form cui si accennava:
<FORM name="calc">
Numero:
<INPUT TYPE="text" name="num1" size="5">
Radice quadrata:
<INPUT TYPE="text" name="the2root" size="15">
<P>
<INPUT TYPE="button" value="Calcola la radice quadrata!"
onClick="run_cal()">
</FORM>
A parte i nomi degli elementi cui si accennava, si noti che la funzione 'run_calc' viene richiamata con l'evento onclick posto a livello del pulsante di invio.
