<html>
<head>
<title>CALCOLATRICE</title>
<title>calcolo della radice quadrata</title>
<SCRIPT 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>
<script type="text/javascript">
/*-------- definizione delle variabili --------*/
var op1 = 0 ; // primo operando
var op2 = 0 ; // secondo operando
var ris = 0 ; // risultato
/*-------- acquisisce gli operandi dalle caselle di testo --------*/
function prendi() {
op1 = parseFloat(document.frm.txtOp1.value);
op2 = parseFloat(document.frm.txtOp2.value);
}
/*-------- operazioni aritmetiche --------*/
function somma() { ris = op1+op2; }
function sottrai() { ris = op1-op2; }
function moltiplica() { ris = op1*op2; }
/*-------- divisione con controllo sul denominatore --------*/
function dividi () {
if (op2==0) { alert("Divisione impossibile."); }
else { ris = op1/op2; }
}
/*---- visualizza risultato nella casella di testo ----*/
function vedi(){document.frm.txtRis.value = ris ; }
</script>
<style type="text/css">
body { background-color:white;
font-size:24pt;
}
/*---- stile caselle di testo ----*/
.c1 { background-color:lightblue;
text-align:center;
font-size:15pt;
height:20pt;
width:100pt;
border:solid;
}
/*---- stile pulsanti ----*/
.c2 { background-color:red;
text-align:center;
font-size:15pt;
height:50pt;
width:400pt;
border:solid
}
/*----stile bordo----*/
.c3 { border:solid;
width:700pE;
background-color:red;
}
</style>
</head>
<body>
<form name="frm">
                                   <input class="c1" type="text" value="" name="txtOp1">  Primo operando
                                   <input class="c1" type="text" value="" name="txtOp2">  Secondo operando
                                   <input class="c3" type="button" value="+" onclick="prendi();somma();vedi();">
<input class="c3" type="button" value="-" onclick="prendi();sottrai();vedi();">
<input class="c3" type="button" value="*" onclick="prendi();moltiplica();vedi();">
<input class="c3" type="button" value="/" onclick="prendi();dividi();vedi();">
                                   <input class="c1" type="text" value="" name="txtRis" readonly>  Risultato
</form>
<form name="calc">
                                   Inserisci un numero:
<input class="c3" type="text" name="num1" size="5">
                                   Risultato della radice quadrata:
<input class="c3" type="text" name="the2root" size="15">
                                   <input class="c3" type="button" value="Calcola"
onclick="run_cal()">
</form>
</form>
</body>
</html>