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.