se agrega algo de css y formato de monedas

santiagogak · Nov 6, 2024 · 48acac5 · 48acac5
1 parent 3002cf7
commit 48acac5
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 4 deletions.
diff --git a/css/main.css b/css/main.css
@@ -0,0 +1,9 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    background-image: url('../img/dollar_background.jpg');
+}
diff --git a/img/dollar_background.jpg b/img/dollar_background.jpg
diff --git a/index.html b/index.html
@@ -3,6 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/main.css">
     <title>Calculadora de Cuotas de Crédito</title>
 </head>
 <body>

diff --git 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))