Entregable2 - Castillo - Cotizador

Corrección de errores en:
- Input peso (no admitía segundo decimal)
- localStorage (no guardaba info
- recuperación de info objeto

Author: cilphi

index.html

@@ -75,7 +75,7 @@ <h4>Cotizando envíos:</h4>
                                 <li>
                                     <label for="cantidadPeso"><b>Peso</b></label>
                                     <span>Escribe el peso en kg</span>
-                                    <input type="number" id="cantidadPeso" name="cantidadPeso" min="0.1" step="0.1" max="20" placeholder="0.25">
+                                    <input type="number" id="cantidadPeso" name="cantidadPeso" min="0.01" step="0.01" max="20" placeholder="0.25">
                                 </li>
                                 <div>
                                     <button type="submit" id="cotizar">Cotizar</button>
@@ -96,7 +96,6 @@ <h4>Cotizando envíos:</h4>
         <section id="revisar"><!-- 2 Ingreso de cotizaciones -->
             <h2>Revisa tus cotizaciones</h2>
             <div id="cotizacionDiv">
-                <div id="info"></div>
             </div>
             <table class="hide">
                 <caption></caption>

js/index.js

@@ -11,14 +11,14 @@ document.getElementById('cotizacionForm').addEventListener('submit', function(ev
             const alto = parseFloat(formData.get('cantidadAlto'));
             const peso = parseFloat(formData.get('cantidadPeso'));
 
+            
             // validar datos
             if (validarDatos(largo, ancho, alto, peso)) {
                 procesarCotizacion(largo, ancho, alto, peso);
             }
         });
 function validarDatos(largo, ancho, alto, peso) {
-            const resultadosTabla = document.getElementById('cotizacionTabla');
-            
+            const resultadosDiv = document.getElementById('cotizacionDiv');
             // Verificación de los valores ingresados
             if (isNaN(largo) || isNaN(ancho) || isNaN(alto) || isNaN(peso)) {
                 mostrarError("Por favor, ingresa valores numéricos en todos los campos.");
@@ -44,7 +44,22 @@ function validarDatos(largo, ancho, alto, peso) {
 
             return true;
         }
+        
 function procesarCotizacion(largo, ancho, alto, peso) {
+            //Grabando en local storage
+            const procesandoInfo = {
+                medidas: [
+                    {largo: `${largo}`, ancho: `${ancho}`, alto: `${alto}`, peso: `${peso}`}
+                ]
+            };
+            // Convertimos el objeto carrito en una cadena JSON y lo almacenamos
+            localStorage.setItem('Info', JSON.stringify(procesandoInfo));
+
+            // Recuperamos la cadena JSON del almacenamiento y la convertimos de nuevo a un objeto JavaScript
+            const infoAlmacenado = JSON.parse(localStorage.getItem('Info'));
+
+            // Ahora podemos acceder y manipular los datos del carrito como un objeto JavaScript
+            console.log(`Esta es la información almacenada:`, infoAlmacenado);
 
             console.info(`Estamos procesando la cotización:`);
             console.info(`Medidas: ${largo} x ${ancho} x ${alto} cms`);
@@ -55,8 +70,8 @@ function procesarCotizacion(largo, ancho, alto, peso) {
             let categoriaSize = calcularCategoriaSize(dimensionMaxima);
             let categoriaPeso = calcularCategoriaPeso(peso);
 
-            console.log(`Categoría de tamaño: ${categoriaSize} (dim máx: ${dimensionMaxima}cm)`);
-            console.log(`Categoría de peso: ${categoriaPeso} (${peso}kg)`);
+            console.info(`Categoría de tamaño: ${categoriaSize} (dim máx: ${dimensionMaxima}cm)`);
+            console.info(`Categoría de peso: ${categoriaPeso} (${peso}kg)`);
 
             // Verificar restricciones
             if (categoriaSize === 'monstruoso' && categoriaPeso === 'inconmensurable') {