Skip to main content
Reestructurada la respuesta después de hablar por chat
Origen Enlace
ElChiniNet
  • 3.3k
  • 12
  • 26

Puedes llamar a una función que se enccargueDespués de llamar a tus dos funciones, el formulario sería compartidohablar por estas dos funciones:

<select name="porcentaje" class="browser-default" onblur="calcula_todo(this.form)" required/>

Función para calcularlo todo

function calcula_todo (form) {

    calcula_porcentajes(form);
    calcula_porcentajes_inverso(form);

}

EDICIÓN:

Mirando bien tu código, tus dos funciones hacenel chat ahora comprendo lo mismo, la única diferenciaque deseas hacer. Lo que desas es que una toma el valortu función calcule de diferente forma dependiendo de los elementos que se hayan rellenado. Si solo se ha llenado el campo monto debe hacer un cálculo y la otra desi solo se ha llenado el total debe hacer otro. Creo que

Esto lo mejor es que te hagas una solapuedes hacer chequeando dentro de tu función genérica que lo haga todo por tiqué campos están llenos y todo quedaría mejor optimizadoqué campos no. EjemploObserva el siguiente snippet:

<select name="porcentaje" class="browser-default" onblur="calcula_todo(this.form)" required/>

Función para calcularlo todo

function calcula_todo (form) {

    calcula_porcentajes(form, form.monto, form.total);
    calcula_porcentajes(form, form.total, form.monto);

}

Función genérica

function calcula_porcentajes(form, campo1, campo2) {
    
    var x = parseInt (campo1.value);
    var y = parseInt (form.porcentaje.value);

    var resultado = x * y / 100;
    var resultado2 = x + resultado;

    form.ganancia.value = resultado;
    campo2.value = resultado2;

}
document.querySelector("form input[name='porcentaje']").addEventListener("blur", calcula);

function calcula(evt) {

  var form = evt.currentTarget.form;
  var monto = form.monto.value;
  var porcentaje = form.porcentaje.value;
  var total = form.total.value;
  var resultado = 0;

  if (porcentaje.length === 0) { return; }
  if (monto.length === 0 && total.length === 0) { return; }
  porcentaje = parseInt(porcentaje);

  if (total.length === 0) {

    monto = parseInt(monto);
    resultado = monto * porcentaje / 100;
    form.total.value = Math.round(monto + resultado);

  } else {

    total = parseInt(total);
    resultado = (total * porcentaje) / 100;
    form.monto.value = Math.round(total - resultado);

  }

  form.ganancia.value = Math.round(resultado);

}
<form>
  <input type="text" name="monto" placeholder="monto" />
  <input type="text" name="porcentaje" placeholder="porcentaje" />
  <input type="text" name="ganancia" placeholder="ganancia" />
  <input type="text" name="total" placeholder="total" />
</form>

Ten en cuenta que ambas funciones reescriben el valor de ganancia. Debes tener esto en cuenta.

 

Puedes llamar a una función que se enccargue de llamar a tus dos funciones, el formulario sería compartido por estas dos funciones:

<select name="porcentaje" class="browser-default" onblur="calcula_todo(this.form)" required/>

Función para calcularlo todo

function calcula_todo (form) {

    calcula_porcentajes(form);
    calcula_porcentajes_inverso(form);

}

EDICIÓN:

Mirando bien tu código, tus dos funciones hacen lo mismo, la única diferencia es que una toma el valor de monto y la otra de total. Creo que lo mejor es que te hagas una sola función genérica que lo haga todo por ti y todo quedaría mejor optimizado. Ejemplo:

<select name="porcentaje" class="browser-default" onblur="calcula_todo(this.form)" required/>

Función para calcularlo todo

function calcula_todo (form) {

    calcula_porcentajes(form, form.monto, form.total);
    calcula_porcentajes(form, form.total, form.monto);

}

Función genérica

function calcula_porcentajes(form, campo1, campo2) {
    
    var x = parseInt (campo1.value);
    var y = parseInt (form.porcentaje.value);

    var resultado = x * y / 100;
    var resultado2 = x + resultado;

    form.ganancia.value = resultado;
    campo2.value = resultado2;

}

Ten en cuenta que ambas funciones reescriben el valor de ganancia. Debes tener esto en cuenta.

Después de hablar por el chat ahora comprendo lo que deseas hacer. Lo que desas es que tu función calcule de diferente forma dependiendo de los elementos que se hayan rellenado. Si solo se ha llenado el campo monto debe hacer un cálculo y si solo se ha llenado el total debe hacer otro.

Esto lo puedes hacer chequeando dentro de tu función qué campos están llenos y qué campos no. Observa el siguiente snippet:

document.querySelector("form input[name='porcentaje']").addEventListener("blur", calcula);

function calcula(evt) {

  var form = evt.currentTarget.form;
  var monto = form.monto.value;
  var porcentaje = form.porcentaje.value;
  var total = form.total.value;
  var resultado = 0;

  if (porcentaje.length === 0) { return; }
  if (monto.length === 0 && total.length === 0) { return; }
  porcentaje = parseInt(porcentaje);

  if (total.length === 0) {

    monto = parseInt(monto);
    resultado = monto * porcentaje / 100;
    form.total.value = Math.round(monto + resultado);

  } else {

    total = parseInt(total);
    resultado = (total * porcentaje) / 100;
    form.monto.value = Math.round(total - resultado);

  }

  form.ganancia.value = Math.round(resultado);

}
<form>
  <input type="text" name="monto" placeholder="monto" />
  <input type="text" name="porcentaje" placeholder="porcentaje" />
  <input type="text" name="ganancia" placeholder="ganancia" />
  <input type="text" name="total" placeholder="total" />
</form>
 

Añadida más información
Origen Enlace
ElChiniNet
  • 3.3k
  • 12
  • 26

Puedes llamar a una función que se enccargue de llamar a tus dos funciones, el formulario sería compartido por estas dos funciones:

<select name="porcentaje" class="browser-default" onblur="calcula_todo(this.form)" required/>

Función para calcularlo todo

function calcula_todo (form) {
//---Función 
 para calcularlo todo calcula_porcentajes(form);
    calcula_porcentajes_inverso(form);

}

EDICIÓN:

Mirando bien tu código, tus dos funciones hacen lo mismo, la única diferencia es que una toma el valor de monto y la otra de total. Creo que lo mejor es que te hagas una sola función genérica que lo haga todo por ti y todo quedaría mejor optimizado. Ejemplo:

<select name="porcentaje" class="browser-default" onblur="calcula_todo(this.form)" required/>

Función para calcularlo todo

function calcula_todo (form) {

    calcula_porcentajes(form, form.monto, form.total);
    calcula_porcentajes_inversocalcula_porcentajes(form, form.total, form.monto);

}

Función genérica

function calcula_porcentajes(form, campo1, campo2) {
    
    var x = parseInt (campo1.value);
    var y = parseInt (form.porcentaje.value);

    var resultado = x * y / 100;
    var resultado2 = x + resultado;

    form.ganancia.value = resultado;
    campo2.value = resultado2;

}

Ten en cuenta que ambas funciones reescriben el valor de ganancia. Debes tener esto en cuenta.

Puedes llamar a una función que se enccargue de llamar a tus dos funciones, el formulario sería compartido por estas dos funciones:

<select name="porcentaje" class="browser-default" onblur="calcula_todo(this.form)" required/>

//---Función para calcularlo todo
function calcula_todo (form) {

    calcula_porcentajes(form);
    calcula_porcentajes_inverso(form);

}

Puedes llamar a una función que se enccargue de llamar a tus dos funciones, el formulario sería compartido por estas dos funciones:

<select name="porcentaje" class="browser-default" onblur="calcula_todo(this.form)" required/>

Función para calcularlo todo

function calcula_todo (form) {
 
    calcula_porcentajes(form);
    calcula_porcentajes_inverso(form);

}

EDICIÓN:

Mirando bien tu código, tus dos funciones hacen lo mismo, la única diferencia es que una toma el valor de monto y la otra de total. Creo que lo mejor es que te hagas una sola función genérica que lo haga todo por ti y todo quedaría mejor optimizado. Ejemplo:

<select name="porcentaje" class="browser-default" onblur="calcula_todo(this.form)" required/>

Función para calcularlo todo

function calcula_todo (form) {

    calcula_porcentajes(form, form.monto, form.total);
    calcula_porcentajes(form, form.total, form.monto);

}

Función genérica

function calcula_porcentajes(form, campo1, campo2) {
    
    var x = parseInt (campo1.value);
    var y = parseInt (form.porcentaje.value);

    var resultado = x * y / 100;
    var resultado2 = x + resultado;

    form.ganancia.value = resultado;
    campo2.value = resultado2;

}

Ten en cuenta que ambas funciones reescriben el valor de ganancia. Debes tener esto en cuenta.

Origen Enlace
ElChiniNet
  • 3.3k
  • 12
  • 26

Puedes llamar a una función que se enccargue de llamar a tus dos funciones, el formulario sería compartido por estas dos funciones:

<select name="porcentaje" class="browser-default" onblur="calcula_todo(this.form)" required/>

//---Función para calcularlo todo
function calcula_todo (form) {

    calcula_porcentajes(form);
    calcula_porcentajes_inverso(form);

}