multiplicar variables de html en tiempo real con js

faseb · #1 (**permalink**) 20/09/2012, 15:09

hola soy nuevo en el foro asi que no se si mi tema esta bien aca o no.

voy a mi duda: necesito ingresar datos a traves de un input en html y pasarlo a javascript para que me lo multiplique en tiempo real y me lo muestre nuevamente en html todo esto dentro de una tabla creada en html y contenida en un form. no entiendo mucho de javascript asi que si pueden sean lo mas claro que puedan por favor. desde ya muchas gracias y espero sus respuestas.

NUCKLEAR · #2 (**permalink**) 20/09/2012, 20:30

Me parece que vas a quedarte mucho tiempo esperando, lo que pides es bastante simple de hacer y encontrar.
Partamos de lo básico: buscaste? leiste? lo intentaste?

faseb · #3 (**permalink**) 21/09/2012, 11:51

si busque, si lei y si probe pero todos los comentarios que encontre con sus respectivos codigos no me sirvieron. por eso abri la consulta xq no lo pude solucionar con lo que hay en la web..

otra cosa si es tan facil xq simplemente me decis l codigo y pruebo si funciona y listo.
si alguien me puede ayudar le afradezco mucho.

NUCKLEAR · #4 (**permalink**) 21/09/2012, 12:07

Cita:

Iniciado por faseb

otra cosa si es tan facil xq simplemente me decis l codigo y pruebo si funciona y listo.

Por que tendria que hacerlo?
Pon lo que tenes hecho, que hiciste o como lo intentaste, y con gusto te ayudo.

faseb · #5 (**permalink**) 21/09/2012, 14:55

<head>
<script language="javascript">
function sumar()
{
var total = 0;
var valor1 = document.getElementById("val1")
var valor2 = document.getElementById("val2")

total.value = (val1.value) * (val2.value);

var Display = document.getElementById("Display");
Display.innerHTML = total;
}
</script>
</head>
<body>
<input id="val1" onkeyup="sumar()" />
<input id="val2" onkeyup="sumar()" />
<span id="Display"></span>
</body>
</html>

probe esto y no me funciona.

osea no se si no me pasa los valores al js xq directamente no me imprime. quiero saber como pasar q codigo o q necesito para poder enviar valor de input a js y despues mostrar ese resultado nuevamente en html o a traves de js pero q se vea n la pantalla y que sea en tiempo real. por favor. gracias

tambien probe esto q ncontre en este mismo foro pero tampoco me funciono

Código:

<input type="text" name="numero1" size="2" onKeyUp="fncSumar()"/>
<input type="text" name="numero2" size="2" onKeyUp="fncSumar()"/>
<input type="text" name="resultado"/>

La funcion que realiza la multiplicacion es la siguiente:

Código:

function fncSumar(){
var numero1 = Number(document.getElementById("numero1").value);
var numero2 = Number(document.getElementById("numero2").value);
document.getElementById("resultado").value = numero1*numero2;
}

quizas es xq lo mio es multiplicar necesita otra cosa.

NUCKLEAR · #6 (**permalink**) 22/09/2012, 12:48

http://jsbin.com/oxigil/1

faseb · #7 (**permalink**) 24/09/2012, 05:06

gracias capo pero ya lo resolvi de otra manera. me gustaria saber como hacer que se actualice mis datos a traves del tab y no con un boton

<script>
function calcula(operacion){
var cantidad = document.carga.CANTIDAD.value
var precio = document.carga.PRECIO.value
var subtotal = cantidad * precio
document.carga.SUBTOTAL.value = subtotal
}

<td><input name="CANTIDAD" type="text" ></td>
<td> </td>
<td><input name="PRECIO" type="text"></td>
<td> </td>
<td><input type="Button" name="" value=" X " onClick="calcula('*')"></td>
<td><input type="text" name="SUBTOTAL"></td>

como hago para que me traiga el resultado sin tener que presionar un boton, sino que me mustre solo con presionar tab en ves del boton. no se si me explico