Widget:Calculator

<form action="" id="calculator" onsubmit="return false;">

              <fieldset>
               <legend>Calculate the time</legend>                
               <label class='radiolabel'><input type="radio"  name="selectedcake" value="RoundTrip" onclick="calculateTotal()" />Is a round trip</label>
         
               

               <label>Mean altitude of the whole route</label> 
               <input type="text"  id="altitude" name="altitude" value=""  />
               
 
               <label>Distancia horizontal en metros</label>
               <input type="text"  id="horizontal" name="horizontal" value=""  />
               
               
               <label>Metros de ascenso</label>  
               <input type="text"  id="ascenso" name="ascenso" value=""  />
               

               <label>Metros de descenso</label> 
               <input type="text"  id="descenso" name="descenso" value=""  />
              

               </fieldset>

           <input type='submit' id='submit' value='Submit' onclick="calculateTotal()" />
       </div>  

</form> <script> function calculateTotal() {

   var theForm = document.forms["calculator"];   
   var altitude= parseInt(theForm.elements["altitude"].value);
   var horizontal= parseInt(theForm.elements["horizontal"].value);
   var ascenso= parseInt(theForm.elements["ascenso"].value);
   var descenso= parseInt(theForm.elements["descenso"].value);

   var total= altitude + altitude + horizontal + ascenso + descenso;
   
   //display the result
   var divobj = document.getElementById('totalTime');
   divobj.style.display='block';
   divobj.innerHTML = "Total time: "+total;

} </script>