Sumar textfields

myd · #1 (**permalink**) 16/11/2003, 12:16

hola a todos,

Mi problema es el siguiente:

tengo 3 textfields (numero1, numero2 y resultado), lo que quiero es que en el campo "resultado" se escriba el resultado de sumar "numero1" y "numero2".
Esto lo quiero hacer sin un boton "sumar", simplemente quiero que el campo "resultado" se actualice solo cuando escribes "numero1" y "numero2".

Alguna idea?

Muchas gracias y un saludo

JavierB · #2 (**permalink**) 16/11/2003, 13:22

Hola, myd. Bienvenido al Foro.

Aqui tienes una idea:

Código PHP:

  <html>

<head>

<script>

function sumar() {

    n1=parseInt(document.getElementById("numero1").value);

    n2=parseInt(document.getElementById("numero2").value);

    document.getElementById("resultado").value=n1+n2;

    

}

</script>

</head>

 
<body>

<input type="text" id="numero1" onKeyPress="sumar()">

<input type="text" id="numero2" onKeyPress="sumar()">

<input type="text" id="resultado">

 
</body>

</html>

Saludos,

affv · #3 (**permalink**) 16/11/2003, 16:40

una variacion del codigo anterior seria esta

Código PHP:

  <html>

 
<head>

<title></title>

<script>

function sumar() {

    var n1 = parseInt(document.MyForm.numero1.value);

    var n2 = parseInt(document.MyForm.numero2.value);

    document.MyForm.resultado.value=n1+n2;

}

</script>

</head>

 
<body>

 
<form name="MyForm">

    <input type="text" name="numero1" size="20">

    <input type="text" name="numero2" size="20">

    <input type="text" name="resultado" size="20">

    

    <input type="button" value="Sumar" onclick="sumar()">

</form>

 
</body>

 
</html>

myd · #4 (**permalink**) 16/11/2003, 17:38

gracias a los dos, funciona perfectamente.

Salu2