Comunidad PHPeros
Lenguajes => JavaScript => Mensaje iniciado por: xFades en 27 de Marzo de 2014, 14:34:06 pm
-
como puedo hacer para que ingrese un numero en un input y este se multiplique y se muestre en un div, sin tener que darle a algún botón de submit ni nada de eso, osea que se muestre automáticamente según el valor del input vaya cambiando ,eso gracias
-
Esto se puede hacer con javascript, te dejo como sería.
Javascript:
<script type="text/javascript">
function multiplicar(value){
if(value > 0){
var cantidad = Math.round((<?=(1*5)?>*value)*100)/100;
$('#numero').html(''+ cantidad +'');
}
}
</script>
Hay lo que hace es que el numero que introduzca se multiplicará por 5, ejemplo, si introduces 2 el resultado sería 10. Puedes cambiar el 5 para que te multiplique por la cantidad que quieras.
Y para utilizarlo en tu input y que se muestre en un div sería:
HTML:
<input type="text" oninput="multiplicar(this.value)" />
<div id="numero">0</div>
El 0 del div seria el que aparece por defecto cuando no introduces nada.
Espero que te sirva. Un saludo.
-
y si a su vez se quisiera que a ese número resultante del div, se le sumase otro y cuyo resultado saliera en otro div del estilo?