Multiplicación dinamica

neodani · #1 (**permalink**) 03/03/2011, 07:57

Hola,

¿Sabéis como puedo hacer un input en el que tengo que introducir un valor y que automáticamente abajo me ponga el resultado de haber multiplicado ese valor?
Mi problema es que no sé como hacer que aparezca el resultado sin tener que pulsar ningún botón que lo calcule.

Ejemplo:

caja input escribo 10
valor de la multiplicación 5
resultado 50

Si escribo en la caja de input 20, automáticamente me debería escribir que el resultado es 100 sin pulsar ningún botón.

¿Sabéis como hacerlo?

Muchas gracias de antemano!

zerokilled · #2 (**permalink**) 03/03/2011, 08:11

buenas...

utiliza eventos en el input. por supuesto, eventos relacionados al teclado.

neodani · #3 (**permalink**) 03/03/2011, 09:44

Creo que lo tengo :D

Código HTML:

Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
<script type="text/javascript">
    function multiplicar(){
    m1 = document.getElementById("multiplicando").value;
    m2 = document.getElementById("multiplicador").value;
    r = m1*m2;
    document.getElementById("resultado").value = r;
    }
</script>
</head>
<body>
<form id="multiplicar">
<input type="text" id="multiplicando" value=0 onChange="multiplicar();"> X
<input type="text" id="multiplicador" value=0 onChange="multiplicar();"> =
<input type="text" id="resultado">
</form>
</body>
</html>