diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..cda88a2 --- /dev/null +++ b/css/main.css @@ -0,0 +1,9 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + background-image: url('../img/dollar_background.jpg'); +} \ No newline at end of file diff --git a/img/dollar_background.jpg b/img/dollar_background.jpg new file mode 100644 index 0000000..cd404f2 Binary files /dev/null and b/img/dollar_background.jpg differ diff --git a/index.html b/index.html index b473988..e4d6b48 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@ + Calculadora de Cuotas de Crédito diff --git a/js/calcuotas.js b/js/calcuotas.js index f422fb0..a7791f2 100644 --- a/js/calcuotas.js +++ b/js/calcuotas.js @@ -43,6 +43,9 @@ const pagoMensual = (cap, int, cuo) => { } }; +//Funcion para dar formato de moneda al número +const formatoMoneda = (monto) => monto.toLocaleString('es-CL', {style: 'currency', currency: 'CLP', maximumFractionDigits: 2 }); + //Función para calcular todos los pagos mensuales mes a mes y el interés que se paga en cada uno, así como el total de interes pagado function detallePagos (cap, int, cuo) { const intN = int / 100; @@ -54,16 +57,16 @@ function detallePagos (cap, int, cuo) { let totalInteres = 0; for (let i = 1; i <= cuotas; i++) { const capMes = restoCap * (1+intN); - strPagos = strPagos + `Pago ${i}: ${restoCap.toFixed(2)} - Interés: ${(restoCap*intN).toFixed(2)}\n`; + strPagos = strPagos + `Pago ${i}: ${formatoMoneda(restoCap)} - Interés: ${formatoMoneda(restoCap*intN)}\n`; totalInteres += restoCap*intN; restoCap = capMes - pagoMes; } - strPagos = strPagos + `\nTotal Intereses: ${totalInteres.toFixed(2)}`; + strPagos = strPagos + `\nTotal Intereses: ${formatoMoneda(totalInteres)}`; } else { - strPagos = strPagos + `Pago: ${cap} - Interés: 0`; + strPagos = strPagos + `Pago: ${formatoMoneda(cap)} - Interés: 0`; } return strPagos; } -alert(`Pago Mensual: ${pagoMensual(capital,interes,cuotas).toFixed(2)}`) +alert(`Pago Mensual: ${formatoMoneda(pagoMensual(capital,interes,cuotas))}`) alert(detallePagos(capital,interes,cuotas)) \ No newline at end of file