calculadora simple

menfis_megadisco · #1 (**permalink**) 05/05/2007, 15:11

hola, queria saber como hacer esto: yo tengo dos cajas de texto, y un parrafo que dice "total = $". como hacer para que automaticamente los valores que introduzca en las cajas de texto se sumen y automaticamente me escriba el total en el parrafo... ¿?

JavierB · #2 (**permalink**) 05/05/2007, 16:17

Hola menfis_megadisco

Prueba esto:

Código PHP:

  <html>
<head>
<script>
function sumar(frm) {
  n1 = parseInt(frm.txt1.value);
  if (isNaN(n1)) n1 = 0;
  n2 = parseInt(frm.txt2.value);
  if (isNaN(n2)) n2 = 0;
  document.getElementById('suma').innerHTML = 'Total = '+ (n1 + n2);
}
</script>
</head>
<body>
<form>
<input type="text" name="txt1" onkeyup="sumar(this.form)" />
<input type="text" name="txt2" onkeyup="sumar(this.form)" />
</form>
<p id="suma">Total = 0</p>
</body>
</html>

Saludos,

menfis_megadisco · #3 (**permalink**) 05/05/2007, 17:10

buenisomo, muchas gracias

serper · #4 (**permalink**) 20/07/2008, 03:56

Cita:

Iniciado por JavierB

Hola menfis_megadisco

Prueba esto:

Código PHP:

  <html>

<head>

<script>

function sumar(frm) {

  n1 = parseInt(frm.txt1.value);

  if (isNaN(n1)) n1 = 0;

  n2 = parseInt(frm.txt2.value);

  if (isNaN(n2)) n2 = 0;

  document.getElementById('suma').innerHTML = 'Total = '+ (n1 + n2);

}

</script>

</head>

<body>

<form>

<input type="text" name="txt1" onkeyup="sumar(this.form)" />

<input type="text" name="txt2" onkeyup="sumar(this.form)" />

</form>

<p id="suma">Total = 0</p>

</body>

</html>

Saludos,

Realmente muy bueno. No tengo mucha idea de js. Por ello le hago la siguiente consulta. Estoy creando un sistema contable y algunas de las funciones tienen, necesariamente, que ser dinamicas. Por ej cargar un formulario con un pedido donde su precio se multiplique por la cantidad comprada. Hasta aca parece no haber incovenientes. Ahora el problema surge cuando en mi formulario existen campos que se llaman de una misma manera (son un array []).
Como se aplicaría en este caso esta funcion.

Pseudocodigo del form

<form>
<input type="text" name="txt1[]" onkeyup="sumar(this.form)" />
<input type="text" name="txt2[]" onkeyup="sumar(this.form)" />
<br/>
<input type="text" name="txt1[]" onkeyup="sumar(this.form)" />
<input type="text" name="txt2[]" onkeyup="sumar(this.form)" />
</form>
<p id="suma">Total = 0</p>

Gracias de antemano.

Saludos,
Serper