Suma de Text

[clavi852]

Tengo 6 cajas de "Text" text1, text2..... y tengo un "text7" llamado "Total" lo que quiero saber es como hacer la suma del valor que pongan en los "text" del 1 al 6 y que me apresca el resultado en "Total"

[crcbad]

Es muy sencillito, suponiendo que tenemos un formulario llamado form1 con los 6 input donde se pueden introducir numeros, y otro más para el total, podemos usar el evento onKeyUp para que cuando se pulse una tecla de produzca directamente la suma, prueba esto, el formulario por ejemplo sería:

Código HTML:

<form name="form1" method="post" action="">
<input name="suma1" type="text" id="suma1" onKeyUp="HazSuma()" value="0"><br>
<input name="suma2" type="text" id="suma2" onKeyUp="HazSuma()" value="0"><br>
<input name="suma3" type="text" id="suma3" onKeyUp="HazSuma()" value="0"><br>
<input name="suma4" type="text" id="suma4" onKeyUp="HazSuma()" value="0"><br>
<input name="suma5" type="text" id="suma5" onKeyUp="HazSuma()" value="0"><br>
<input name="suma6" type="text" id="suma6" onKeyUp="HazSuma()" value="0"><br>
<input name="total" type="text" id="total">
</form> 

Y la función a la que llamamos quedará asi:

Código HTML:

 <script>
function HazSuma()
{
var cont = 0;
for(i=1;i<7;i++)
{
	cont = cont + parseInt(document.getElementById("suma"+i).value);
}
document.getElementById("total").value = cont;
}
</script> 

No lo he probado, pero seguro que funciona correctamente :) Comentame los resultados plis

[clavi852]

Iniciado por crcbad

Es muy sencillito, suponiendo que tenemos un formulario llamado form1 con los 6 input donde se pueden introducir numeros, y otro más para el total, podemos usar el evento onKeyUp para que cuando se pulse una tecla de produzca directamente la suma, prueba esto, el formulario por ejemplo sería:

Código HTML:

<form name="form1" method="post" action="">
  <input name="suma1" type="text" id="suma1" onKeyUp="HazSuma()" value="0"><br>
  <input name="suma2" type="text" id="suma2" onKeyUp="HazSuma()" value="0"><br>
  <input name="suma3" type="text" id="suma3" onKeyUp="HazSuma()" value="0"><br>
  <input name="suma4" type="text" id="suma4" onKeyUp="HazSuma()" value="0"><br>
  <input name="suma5" type="text" id="suma5" onKeyUp="HazSuma()" value="0"><br>
  <input name="suma6" type="text" id="suma6" onKeyUp="HazSuma()" value="0"><br>
  <input name="total" type="text" id="total">
</form> 

Código HTML:

 Y la función a la que llamamos quedará asi: 
 
<script>
function HazSuma()
{
  var cont = 0;
  for(i=1;i<7;i++)
  {
	cont = cont + parseInt(document.getElementById("suma"+i).value);
  }
  document.getElementById("total").value = cont;
}
</script> 

No lo he probado, pero seguro que funciona correctamente :) Comentame los resultados plis

Perfectamente bien muchisimas gracias en serio

[crcbad]

Ey! Me alegro que te haya funcionado ^_^

Si no te gusta que se haga así te puedes crear un botoncito, que en el evento onClick llame a esa función y así quitar de los 6 input la llama con el onKeyUp... A gusto del consumidos :P

[clavi852]

Iniciado por crcbad

Ey! Me alegro que te haya funcionado ^_^

Si no te gusta que se haga así te puedes crear un botoncito, que en el evento onClick llame a esa función y así quitar de los 6 input la llama con el onKeyUp... A gusto del consumidos :P

jajajaja ok muchisimas gracias, con eso esta bien... aunk no se si pudieras ayudarme para que apareciera en el "totla" el simbolo "$" y tambien si se pueden contar los decimales gracias!!!!!!!!!

[crcbad]

Buenas de nuevo!! Sí, si que se puede hacer, en los input cambiamos el evento onKeyUp por onBlur, para trabajar mas comodamente quedando asi:

Código HTML:

<form name="form1" method="post" action="">
  <input name="suma1" type="text" id="suma1" onBlur="HazSuma()" value="0"><br>
  <input name="suma2" type="text" id="suma2" onBlur="HazSuma()" value="0"><br>
  <input name="suma3" type="text" id="suma3" onBlur="HazSuma()" value="0"><br>
  <input name="suma4" type="text" id="suma4" onBlur="HazSuma()" value="0"><br>
  <input name="suma5" type="text" id="suma5" onBlur="HazSuma()" value="0"><br>
  <input name="suma6" type="text" id="suma6" onBlur="HazSuma()" value="0"><br>
  <input name="total" type="text" id="total">
</form> 

La función la dejamos asi:

Código HTML:

function HazSuma()
{
  var cont = 0;
  var cad = "";
  for(i=1;i<7;i++)
  {
   cad = document.getElementById("suma"+i).value;
 
   cont = cont + parseFloat(cad.replace(",","."));
  }
  
  document.getElementById("total").value = cont + " $";
}

Es decir, ahora cualquier número con coma que pongamos lo sumará, aunque interiormente quitemos la coma y la pongamos un punto, ya que la aritmética de javascript es así, suma con puntos, y para lode dolar ya lo ves, es sencillo de poner :P

Espero que te ayude, comentame si todo va bien

[clavi852]

Uorale jajaja muchisimas gracias cuate salio a la perfeccion a solo que en: document.getElementById("total").value = cont + " $"; el "$" va antes de cont jejeje = "$" + cont pero salio perfecto compa mil gracias t paso mi mail por cualquier cosa [email protected] cuidate