JavaScript - problemas con inputs dependientes

problemas con inputs dependientes

Publicado por martin (3 intervenciones) el 28/07/2017 20:54:59

Buenas tardes amigos

Tengo un software de stock y facturacion y tengo el siguiente problema:

tengo tres imputs de tipo texto, llamados precio_compra, precio_venta y ganancia

<input type="text" name="precio_compra" value="">

<input type="text" name="precio_venta"     value="">

<input type="text" name="ganancia"  value="">

y lo que quiero hacer es introducir manualmente el precio de compra y el precio de venta de un articulo,
una ves introducidos estos dos valores debe consegir la ganancia sin salir del formulario.

ejemplo

$precio_venta = 5000;

$precio_compra = 4500;

$ganancia = $precio_venta - $precio_compra; // datos introducidos

$ganancia = 500; //resultado este valor debo obtenerlo sin salir del formulario, es decir que al introducir el precio de venta y de compra, tengo q conseguir la ganancia automaticamente y mostrarlo en un input llamado ganancia

Alguien puede ayudarme?

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 10

Val: 477

problemas con inputs dependientes

Publicado por [abZeroX] (130 intervenciones) el 29/07/2017 05:18:12

Hola, prueba con este pequeño código:

<form action="">

	<label for="">Precio Compra:</label>

	<input type="text" name="precio_compra" value="">

	<label for="">Precio Venta: </label>

	<input type="text" name="precio_venta" value="">

	<label for="">Ganancia: </label>

	<input type="text" name="ganancia" value="">

	<p id="message-error" style="color: #EE0000;"></p>

</form>

<script>

	var precioCompra = document.querySelector('input[name="precio_compra"');

	var precioVenta = document.querySelector('input[name="precio_venta"');

	var ganancia = document.querySelector('input[name="ganancia"');

	var error = document.getElementById('message-error');

	function calcularGanancia() {

		error.innerHTML = '';

		if (/^[0-9]+$/.test(precioCompra.value) && /^[0-9]+$/.test(precioVenta.value)) {

				ganancia.value = Number(precioVenta.value) - Number(precioCompra.value);

		} else {

			error.innerHTML = 'Comprueba los valores ingresados.';

	precioCompra.addEventListener('blur', calcularGanancia);

	precioVenta.addEventListener('blur', calcularGanancia);

</script>

Nos comentas si lo que buscas.

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar