0

tengo una consulta.

Estoy haciendo una pequeño programa para registrar ventas, en esta labor me encuentro con una duda.

Tengo 3 Inputs

Input1 Cantidad
Input2 Precio
Input3 Total

Ahora con Javascript he logrado que al escribir los valores correspondientes se multiplique el precio por la cantidad Y de resultado en el total.

El problema está que cuando cambio el valor de cantidad, se sigue multiplicando por el resultado anterior.

¿Como hago para que al cambiar regrese a su valor anterior y vuelva a multiplicarse?

2
  • A que te refieres con se sigue multiplicando por el resultado anterior, si cambias cantidad o precio el nuevo valor debe calcularse basado en estos nuevos valores. el 17 abr. 2019 a las 22:50
  • Podrías mostrar los avances que haz realizado relacionados al tema? el 18 abr. 2019 a las 0:05

1 respuesta 1

0

function calcular(campo) {
  //Si se borra todo el texto debe ponerse algun valor inicial
  campo.value = !campo.value.length ? 0 : campo.value;

  //Obtengo la cantidad y el precio
  var cantidad = document.querySelector('#cantidad').value;
  var precio = document.querySelector('#precio').value;

  //Establezco el total basado en el calculo
  document.querySelector('#total').value = cantidad*precio;
}
<label for="cantidad">Cantidad: </label>
<input type="number" id="cantidad" name="cantidad" onkeyup="calcular(this)" value="1"/><br/>

<label for="precio">Precio: </label>
<input type="number" id="precio" name="precio" onkeyup="calcular(this)" value="1"/><br/>

<label for="total">Total: </label>
<input type="number" id="total" name="total" readonly/><br/><br/>

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.