Hago un poco de sintaxis, tengo un select que dependiendo qué tipo elija, tiene un coste base.
Luego viene donde tengo el error, dependiendo de los meses que quiera el cliente tener la página lista, se reduce un x por ciento -> El minimo es 1 mes, el max 4(para aplicar el porcentaje), el porcentaje mín es 5% y el max 20%.
Mi problema sería el suguiente, cuando elijo el tipo de página y los meses se me aplica vez la primera vez, pero si sigo cambiando los meses se me aplica el porcentaje sobre el numero ya rebajado en vez del base.
Una solución sería de alguna manera bloquear el if y que cuando se ponga un numero ya no se vuelva a cambiar ( no me agrada )
Otra sería que se cambiara todo el rato sobre el precio base y no sobre el ya rebajado si quiero probar cuanto costoría en función de los meses que ponga.
Llevo un buen rato dandole vueltas y no se me ocurre como, a ver si algien puede ayudarme.
Este sería mi código js
tiempo = document.getElementById("meses");
tiempo.addEventListener("change", (e) => {
/* Señalamos el tipo de porcentaje a disminuir según los meses elegidos -> max 4, max 20% */
if(tiempo.value == 1){
resultadoPresupuesto -= (0.05 * resultadoPresupuesto);
cuenta.value = resultadoPresupuesto;
console.log(resultadoPresupuesto);
console.log(cuenta.value);
} else if(tiempo.value == 2){
resultadoPresupuesto -= (0.1 * resultadoPresupuesto);
cuenta.value = resultadoPresupuesto;
}else if(tiempo.value == 3){
resultadoPresupuesto -= (0.15 * resultadoPresupuesto);
cuenta.value = resultadoPresupuesto;
}else if(tiempo.value == 4){
resultadoPresupuesto -= (0.2 * resultadoPresupuesto);
cuenta.value = resultadoPresupuesto;
}else {null}
return resultadoPresupuesto;
});
Dejo una imagen por si lo ven más claro
if
aplicando el descuento correspondiente tomándolo del objeto. El array sería algo así más o menos:{1:"0.05", 2:"0.1", 3:"0.15", 4:"0.2"}
así, según elvalue
del elemento usarías el objeto para saber qué descuento hay que aplicar.