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