suma de 2 input

The_Black_Edward · #1 (**permalink**) 16/12/2009, 07:52

Hola buenos dias, Por fa alguien puede ayudarme a expandir este codigo. El me da un resultado de un input en tiempo real pero yo quiero que sean dos input. Como por ejemplo: 2+2=4.

Aqui les dejo el codigo para que lo vean.

Código HTML:

Ver original<html>
<head>
<title>Untitled</title>
<script>
 
textfield2 = textfield1 + 2;
 
</script> 
</head>
 
<body>
<form name="form1" method="post" action=""> 
  <p> 
    Numero : 
      <input onkeyup="this.form.textfield2.value = parseInt(this.value)+2" name="textfield1" type="text" size="8" maxlength="8">  
  </p> 
  <p>Resultado es: <input name="textfield2" type="text" size="10" maxlength="10"> 
</p> 
  </form>
 
</body>
</html>

JoseTejada · #2 (**permalink**) 16/12/2009, 08:19

Prueba esto:

Código PHP:

  <html > 
<head> 
<title>Sumando</title> 
</head> 
<body> 
<form name="form1" method="post" action=""> 
  <p> 
    Numero 1: 
 
      <input onkeyup="if(form1.textfield2.value!=''){form1.textfield3.value = parseInt(this.value)+parseInt(form1.textfield2.value)}" name="textfield1" type="text" size="8" maxlength="8"> 
     </p>  
     <p>  
     Numero 2: 
      <input onkeyup="if(form1.textfield2.value!=''){form1.textfield3.value = parseInt(this.value)+parseInt(form1.textfield1.value)}" name="textfield2" type="text" size="8" maxlength="8"> 
 
  </p> 
  <p>Resultado es: <input name="textfield3" type="text" size="10" maxlength="10"> 
</p> 
  </form> 
</body> 
</html>

dggluz · #3 (**permalink**) 16/12/2009, 08:31

Esto no es PHP, sino javascript. Espera a que un moderador mueva el tema para que puedan ayudarte.

De todos modos, adelanto mi ayuda: aprende javascript, lo que quieres hacer no es complicado; pero a juzgar por el código que pones al comienzo, no tienes idea de javascript. Javascript no es difícil, te recomiendo buscar en internet algún tutorial. En lo personal encontré uno muy claro, sencillo y correcto en librosweb. en general no resolvemos las cosas por el otro, sólo ayudamos a éste a resolverlas; pero dado que lo que quieres hacer es muy sencillo, haré un excepción:

Código HTML:

Ver original<html>
    <head>
        <title>Untitled</title>
        <script>
            function obtenerSuma()
            {
                document.getElementById('resultado').value=parseFloat(document.getElementById('sumando1').value)+parseFloat(document.getElementById('sumando2').value);
            }
        </script> 
    </head>
    <body>
        <form name="form1" method="post" action=""> 
            <p> 
                Primer sumando: <input onkeyup="obtenerSuma();" id="sumando1" type="text" size="8" maxlength="8">  
            </p> 
            <p> 
                Segundo sumando: <input onkeyup="obtenerSuma();" id="sumando2" type="text" size="8" maxlength="8">  
            </p> 
            <p>
                Resultado es: <input id="resultado" type="text" size="10" maxlength="10"> 
            </p> 
        </form>
    </body>
</html>

¡Suerte!