<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>