JavaScript - problemas con inputs dependientes

   
Vista:

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

1
2
3
4
5
<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

1
2
3
4
5
6
7
$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 claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de [abZeroX]

problemas con inputs dependientes

Publicado por [abZeroX] (67 intervenciones) el 29/07/2017 05:18:12
Hola, prueba con este pequeño código:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<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 claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar