Problema al sumar campos en JavaScript

oscarbt · #1 (**permalink**) 29/09/2010, 19:06

Tengo un problema al sumar datos que recibo de dos cajas de texto y que a través de una función los sumo, los convierto en ParseInt pero aun así no me funciona:

Aca el codigo:

Código Javascript:

Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Cuadrado</title>
<script languaje="JavaScript">
          function area()
         {
            base=document.datos.base.value;
                
            altura=document.datos.altura.value;
            document.datos.resultado.value=base*altura/2;
          }
      </script>
      
      <script languaje="JavaScript">
          function sumar()
         {
           
                
          ladoa=parseInt(document.getElementById('ladoa').value);  
ladob=parseInt(document.getElementById('ladob').value);
ladoc=parseInt(document.getElementById('ladoc').value);
perimetro=ladoa + ladob + ladoc ;
document.getElementById('perimetro').value=perimetro.toFixed(2);  
// 2 decimales 
          
          }
      </script>
      
</head>
 
<body>
 
<center><h1><b>Calculo de área y perimetro de un Triangulo</b></h1></center>
<br />
<hr />
<form name="datos">
<h3>VALOR LADO A </h3>
<input  type="text" name="ladoa" id="ladoa" size="10" />&nbsp;&nbsp; &nbsp;&nbsp;
<h3>VALOR LADO B </h3>
<input  type="text" name="ladob" id="ladob" size="10"   />&nbsp;&nbsp; &nbsp;&nbsp;
<h3>VALOR LADO C </h3>
<input  type="text" name="ladoc" id="ladoc" size="10"  />&nbsp;&nbsp; &nbsp;&nbsp;
<h3>VALOR DE LA BASE </h3>
<input  type="text" name="base" size="10"  />&nbsp;&nbsp; &nbsp;&nbsp;
<h3>VALOR DE LA ALTURA </h3>
<input  type="text" name="altura" size="10"  />&nbsp;&nbsp; &nbsp;&nbsp;
<h3>VALOR PERIMETRO </h3>
<input type="text" name="perimetro">
  <h3>VALOR AREA </h3>
<input type="text" name="resultado">
<br>
  <br>
  <input type="button" value="Calcular" onClick="area(); sumar()" >
</form>
<br />
 
</body>
 </html>

Cual es mi error?

Agradezco la ayuda

Oasis8 · #2 (**permalink**) 30/09/2010, 09:03

Hola

parseInt es para numeros enteros ussa mejor parseFloat(numero,10)

El ,10 es para que use la base decimal y evitar errores en caso de que reciba 09

pintix · #3 (**permalink**) 30/09/2010, 11:58

Otro problema es que accedes a datos, como los de "perimetro" con getElementById y sólo está definido el campo con name... Deberías usar la consola de errores de Firefox, por ejemplo, para poder reconocer estos errores.