Mi función me devuelve un NaN y no debería. lo que debería hacer es calcular el precio de un producto con un descuento y el descuento de un cupón el cual ya fue declarado. La función que calcula el primer descuento con una regla de tres funciona bien pero la función onClickDescuentoCupon
me devuelve un NaN y no sé por qué:
function calcularPrecioConDescuento(precio, descuento){ //calcula con una regla de tres el descuento
const porcentajeDescuento = 100 - descuento;
const precioConDescuento = (porcentajeDescuento * precio)/100
return precioConDescuento
}
function onClickButtonPriceDiscount(){ //imprime en html la función anterior
const inputPrice = document.getElementById('inputPrice');
const priceValue = inputPrice.value;
const inputDiscount = document.getElementById('inputDiscount');
const discountValue = inputDiscount.value;
const precioFinal = calcularPrecioConDescuento(priceValue, discountValue);
const resultP = document.getElementById('ResultP');
resultP.innerText = 'Tu descuento es de: ' + precioFinal + '%';
}
const cupones = ['ANA ', ' ES ', ' UNA ', ' AVENGER '];
function CuponesTiendaVirtualResultado(){ //muestra los cupones disponibles en la tienda virtual
const resultadoCuponesDisponibles = document.getElementById('CuponesD');
resultadoCuponesDisponibles.innerHTML = 'los cupones disponibles en la tienda son: ' + cupones;
}
function onClickDescuentoCupon(){
const inputPrice = document.getElementById('inputPrice');
const priceValue = inputPrice.value;
const inputCupon = document.getElementById('inputCupon');
const valueCupon = inputCupon.value;
let descuento;
switch(valueCupon){
case cupones[0]:
descuento = 20;
break;
case cupones[1]:
descuento = 15;
break;
case cupones[2]:
descuento = 50;
break;
case cupones[3]:
descuento = 60;
}
const precioConDescuentoCupones = calcularPrecioConDescuento(priceValue, descuento);
const resultadoDC = document.getElementById('resultadoDC');
resultadoDC.innerHTML = 'el precio final de tu producto es de $ ' + precioConDescuentoCupones;
}