Calcular dos EDIT

remy · #1 (**permalink**) 07/05/2003, 10:50

Hola amigos?

Necesito saber como puedo, en Java Script, calcular dos edit y colocar el resultado en la pagina.

Osea tengo esto

Valor 1:
Valor2:

Resultado:

Valor 1 y Valor 2 son dos EDIT, y automaticamente cuando presiono una tecla en cualquiera de los dos edit, me vaya calculando automaticamente Resultado.

Espero me puedan ayudar

remy

Kaopectate · #2 (**permalink**) 07/05/2003, 11:26

Hola remy.

Prueba esto:

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
   function calcula(){ 
    var val1, val2, valR; 
    with (document.frm){ 
     valR = 0; 
     val1 = (op1.value == "" || isNaN(op1.value)? 0: parseInt(op1.value, 10)); 
     val2 = (op2.value == "" || isNaN(op2.value)? 0: parseInt(op2.value, 10)); 
     valR = val1 + val2; 
     res.value = String(valR); 
    } 
   } 
  </script> 
 </head> 
 <body> 
  <form name="frm"> 
   <table border="0"> 
    <tr> 
     <td align="right"> 
      operando 1 
     </td> 
     <td> 
      <input type="text" name="op1" onkeyup="calcula()"> 
     </td> 
    </tr> 
    <tr> 
     <td align="right"> 
      operando 2 
     </td> 
     <td> 
      <input type="text" name="op2" onkeyup="calcula()"> 
     </td> 
    </tr> 
    <tr> 
     <td align="right"> 
      Resultado 
     </td> 
     <td> 
      <input type="text" name="res" readonly> 
     </td> 
    </tr> 
   </table> 
  </form> 
 </body> 
</html>

Saludos.

remy · #3 (**permalink**) 07/05/2003, 14:53

Muchas gracias.
Pero cuando quiero sumar numeros con , por ejemplo 12,5 o 12.5 con otro valor no me toma ese valor con , o .

Kaopectate · #4 (**permalink**) 07/05/2003, 15:56

Ok, pruébalo asi:

Código PHP:

  <html> 
 <head> 
  <script language="JavaScript"> 
   function calcula(){ 
    var val1, val2, valR; 
    with (document.frm){ 
     valR = 0; 
     val1 = (op1.value == "" || isNaN(op1.value)? 0: parseFloat(op1.value)); 
     val2 = (op2.value == "" || isNaN(op2.value)? 0: parseFloat(op2.value)); 
     valR = val1 + val2; 
     res.value = String(valR); 
    } 
   } 
  </script> 
 </head> 
 <body> 
  <form name="frm"> 
   <table border="0"> 
    <tr> 
     <td align="right"> 
      operando 1 
     </td> 
     <td> 
      <input type="text" name="op1" onkeyup="calcula()"> 
     </td> 
    </tr> 
    <tr> 
     <td align="right"> 
      operando 2 
     </td> 
     <td> 
      <input type="text" name="op2" onkeyup="calcula()"> 
     </td> 
    </tr> 
    <tr> 
     <td align="right"> 
      Resultado 
     </td> 
     <td> 
      <input type="text" name="res" readonly> 
     </td> 
    </tr> 
   </table> 
  </form> 
 </body> 
</html>

Saludos.

remy · #5 (**permalink**) 08/05/2003, 11:32

Muchas gracias, ya funciona