Radice quadrata

Lo script che presentiamo necessita di poche spiegazioni. È un semplice form che consente il calcolo della radice quadrata di […]

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.

I Video di HTML.it

Costruire una pagina con Twitter Bootstrap – Parte 2

Per usufruire delle potenzialità di Twitter Bootstrap è necessario inserirlo all’interno del sito. In questo video vedremo come completare la […]