actualizacion de codigo

Author: EdsCodes

css/styles.css

@@ -182,8 +182,8 @@ <h2>Síguenos</h2>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
     <!--Link a scripts propios Js-->
     <script src="./js/index.js"></script>
-    <script src="./js/detalleProducto.js"></script>
     <script src="./js/detalleFiltrados.js"></script>
+    <script src="./js/detalleProducto.js"></script>
     <script src="./js/carrito.js"></script>
 </body>
 </html>   

css/styles.css.map

@@ -157,8 +157,10 @@ function renderCarrito() {
     } else {
         contenido = `<h1 class="text-center" style="margin: 230px 0 230px 0">Tu carrito de compras se encuentra vacío!</h1>`;
     }
-
-    document.getElementById("contenidoGralCarrito").innerHTML = contenido;
+    let contenidoCarrito = document.getElementById("contenidoGralCarrito") 
+    if (contenidoCarrito) {
+        contenidoCarrito.innerHTML = contenido;
+    }
 }
 
 let codigoDescuentoAplicado = false;

index.html

@@ -19,8 +19,11 @@ const verProducto = () => {
 
 function renderProducto() {
     const producto = verProducto(); 
-    let contenido = "";
-    const precioConAumento = Math.round(producto.precio * 1.10);
+    let contenido = '';
+    let precioConAumento = 0;
+    if(producto){
+        precioConAumento = Math.round(producto.precio * 1.10);
+    }
     if (producto) {
         contenido = `
             <div class="tituloArticuloVta col-12"> 
@@ -91,10 +94,12 @@ function renderProducto() {
                 </div>
             </div>
             `;
-    } else {
-        contenido = "<p>No se encontró ningún producto.</p>";
+            let vista=document.getElementById('vistaDetalleProd');
+
+            if (vista){
+                vista.innerHTML = contenido;
+            }
     }
-    document.getElementById("vistaDetalleProd").innerHTML = contenido;
 }
 
 renderProducto(); 

js/carrito.js

@@ -165,8 +165,8 @@ document.addEventListener('DOMContentLoaded', async function () {
                         <p class="card-text"><small>${producto.color} ${producto.talla}</small></p>
                     </div>
                     <div class="botonesAccionCompra">
-                        <a href="../pages/detalleProducto.html" class="btn btn-dark" value="Ver detalle" onclick="encontrarIdProd(${producto.id});">Ver detalle</a>
-                        <a class="btn btn-dark" onclick="encontrarIdProd(${producto.id}); agregarProdCarrito();">Añadir al carrito</a>
+                        <a href="./pages/detalleProducto.html" class="btn btn-dark" value="Ver detalle" onclick="encontrarIdProd(${producto.id});">Ver detalle</a>
+                        <button class="btn btn-dark" onclick="encontrarIdProd(${producto.id}); agregarProdCarrito();">Añadir al carrito</button>
                     </div>
                 </div>
             </div>
@@ -188,8 +188,8 @@ document.addEventListener('DOMContentLoaded', async function () {
                             <p class="textoTachado">$${precioConAumento}</p>
                             <p class="card-textPrice">$${producto.precio}</p>
                         </div>
-                        <a href="../pages/detalleProducto.html" class="btn btn-dark" onclick="encontrarIdProd(${producto.id});"> Ver detalle</a>
-                        <a class="btn btn-dark" onclick="encontrarIdProd(${producto.id}); agregarProdCarrito();">Añadir al carrito</a>
+                        <a href="./pages/detalleProducto.html" class="btn btn-dark" onclick="encontrarIdProd(${producto.id});"> Ver detalle</a>
+                        <button class="btn btn-dark" onclick="encontrarIdProd(${producto.id}); agregarProdCarrito();">Añadir al carrito</button>
                     </div>
                 </div>
             `;

js/detalleProducto.js

@@ -1,6 +1,14 @@
 [
+<<<<<<< HEAD
     {"id":1, "imagenUrl1":  "./multi/mujer_con_jean_roto.jpeg", "imagenUrl2": "./multi/mujer_con_jean_roto.jpeg", "imagenUrl3": "./multi/mujer_con_jean_roto.jpeg", "imagenUrl4": "./multi/mujer_con_jean_roto.jpeg", "ref": "JM001", "textoProducto": "Jean Dama", "descripcion": "Descubre nuestra colección de jeans para dama: desde los clásicos hasta los más modernos. Encuentra el ajuste perfecto para ti y completa tu look con estilo y comodidad.", "descuento": "-10%", "talla": "Talla 26-36", "precio": 75000, "color": "Azul", "genero": "mujer"},
     {"id":2, "imagenUrl1": "./multi/mujer_blusa_beige.jpeg", "imagenUrl2": "./multi/mujer_blusa_beige.jpeg", "imagenUrl3": "./multi/mujer_blusa_beige.jpeg", "imagenUrl4": "./multi/mujer_blusa_beige.jpeg", "ref": "BM001", "textoProducto": "Blusa dama", "descripcion": "Explora nuestra selección de blusas para mujer, diseñadas para complementar tu estilo con elegancia y versatilidad. Encuentra desde opciones casuales hasta las más sofisticadas, ideales para cualquier ocasión.", "descuento": "-10%", "talla": "Talla S-XL", "precio": 65000, "color": "Beige", "genero": "mujer"},
     {"id":3, "imagenUrl1": "./multi/saco_gris_hombre.jpeg", "imagenUrl2": "./multi/saco_gris_hombre.jpeg", "imagenUrl3": "./multi/saco_gris_hombre.jpeg", "imagenUrl4": "./multi/saco_gris_hombre.jpeg", "ref": "SH001", "textoProducto": "Saco gris", "descripcion": "Descubre nuestra variedad de sacos y sudaderas para hombre, perfectas para añadir un toque de estilo y confort a tu guardarropa. Desde diseños clásicos hasta los más modernos, encuentra la opción ideal para cualquier ocasión.", "descuento": "-10%", "talla": "Talla S-XL", "precio": 70000, "color": "Gris", "genero": "hombre"},
     {"id":4, "imagenUrl1": "./multi/buzo_rojo_hombre.jpeg", "imagenUrl2": "./multi/buzo_rojo_hombre.jpeg", "imagenUrl3": "./multi/buzo_rojo_hombre.jpeg", "imagenUrl4": "./multi/buzo_rojo_hombre.jpeg", "ref": "BH001", "textoProducto": "Buzo hombre", "descripcion": "Explora nuestra colección de buzos para hombre, confeccionados con materiales de alta calidad para ofrecerte comodidad y estilo. Desde estilos deportivos hasta opciones más casuales, encuentra el buzo perfecto para tu estilo de vida activo.", "descuento": "-10%", "talla": "Talla S-XL", "precio": 90000, "color": "Rojo", "genero": "hombre"}
 ]
+=======
+    {"id":1, "imagenUrl1": "./multi/mujer_con_jean_roto.jpeg", "imagenUrl2": "./multi/mujer_con_jean_roto.jpeg", "imagenUrl3": "./multi/mujer_con_jean_roto.jpeg", "imagenUrl4": "./multi/mujer_con_jean_roto.jpeg", "ref": "JM001", "textoProducto": "Jean Dama", "descripcion": "Descubre nuestra colección de jeans para dama: desde los clásicos hasta los más modernos. Encuentra el ajuste perfecto para ti y completa tu look con estilo y comodidad.", "descuento": "-10%", "talla": "Talla 26-36", "precio": 75000, "color": "Azul", "genero": "mujer"},
+    {"id":2, "imagenUrl1": "./multi/mujer_blusa_beige.jpeg", "imagenUrl2": "./multi/mujer_blusa_beige.jpeg", "imagenUrl3": "./multi/mujer_blusa_beige.jpeg", "imagenUrl4": "./multi/mujer_blusa_beige.jpeg", "ref": "BM001", "textoProducto": "Blusa dama", "descripcion": "Explora nuestra selección de blusas para mujer, diseñadas para complementar tu estilo con elegancia y versatilidad. Encuentra desde opciones casuales hasta las más sofisticadas, ideales para cualquier ocasión.", "descuento": "-10%", "talla": "Talla S-XL", "precio": 65000, "color": "Beige", "genero": "mujer"},
+    {"id":3, "imagenUrl1": "./multi/saco_gris_hombre.jpeg", "imagenUrl2": "./multi/saco_gris_hombre.jpeg", "imagenUrl3": "./multi/saco_gris_hombre.jpeg", "imagenUrl4": "./multi/saco_gris_hombre.jpeg", "ref": "SH001", "textoProducto": "Saco gris", "descripcion": "Descubre nuestra variedad de sacos y sudaderas para hombre, perfectas para añadir un toque de estilo y confort a tu guardarropa. Desde diseños clásicos hasta los más modernos, encuentra la opción ideal para cualquier ocasión.", "descuento": "-10%", "talla": "Talla S-XL", "precio": 70000, "color": "Gris", "genero": "hombre"},
+    {"id":4, "imagenUrl1": "./multi/buzo_rojo_hombre.jpeg", "imagenUrl2": "./multi/buzo_rojo_hombre.jpeg", "imagenUrl3": "./multi/buzo_rojo_hombre.jpeg", "imagenUrl4": "./multi/buzo_rojo_hombre.jpeg", "ref": "BH001", "textoProducto": "Buzo hombre", "descripcion": "Explora nuestra colección de buzos para hombre, confeccionados con materiales de alta calidad para ofrecerte comodidad y estilo. Desde estilos deportivos hasta opciones más casuales, encuentra el buzo perfecto para tu estilo de vida activo.", "descuento": "-10%", "talla": "Talla S-XL", "precio": 90000, "color": "Rojo", "genero": "hombre"}
+]
+>>>>>>> a54dfc2d0e7fbc0758316d746f009154cd315dd0

js/index.js

@@ -1,7 +1,7 @@
 [
-    {"id":5, "imagenUrl1": "../multi/jean_dama_azul.jpeg", "imagenUrl2": "../multi/jean_dama_azul.jpeg", "imagenUrl3": "../multi/jean_dama_azul.jpeg", "imagenUrl4": "../multi/jean_dama_azul.jpeg", "ref": "JM002", "textoProducto": "Jean Dama", "descripcion": "Descubre nuestro último jean para mujer, con un diseño moderno y un ajuste perfecto que realza tu figura. Fabricado con materiales de alta calidad para brindarte comodidad y estilo en cada momento.", "descuento": "-10%", "talla": "Talla 26-36", "precio": 80000, "color": "Azul", "genero": "mujer"},
-    {"id":6, "imagenUrl1": "../multi/camisa_azulJean_hombre.jpeg", "imagenUrl2": "../multi/camisa_azulJean_hombre.jpeg", "imagenUrl3": "../multi/camisa_azulJean_hombre.jpeg", "imagenUrl4": "../multi/camisa_azulJean_hombre.jpeg", "ref": "CH001", "textoProducto": "Camisa hombre", "descripcion": "Explora nuestra camisa de jean para hombre, una prenda versátil y atemporal que complementa cualquier estilo. Confeccionada con tela de alta calidad, esta camisa ofrece un look casual y elegante para cualquier ocasión.", "descuento": "-10%", "talla": "Talla S-XL", "precio": 60000, "color": "Azul", "genero": "hombre"},
-    {"id":7, "imagenUrl1": "../multi/jean_dama.jpeg", "imagenUrl2": "../multi/jean_dama.jpeg", "imagenUrl3": "../multi/jean_dama.jpeg", "imagenUrl4": "../multi/jean_dama.jpeg", "ref": "JM003", "textoProducto": "Jean dama", "descripcion": "Descubre nuestro jean para mujer, con un diseño moderno y un ajuste impecable que realza tu figura. Fabricado con materiales de primera calidad para ofrecerte comodidad y estilo durante todo el día.", "descuento": "-10%", "talla": "Talla 26-36", "precio": 80000, "color": "Azul", "genero": "mujer"},
-    {"id":8, "imagenUrl1": "../multi/camisa_casual_hombre.jpeg", "imagenUrl2": "../multi/camisa_casual_hombre.jpeg", "imagenUrl3": "../multi/camisa_casual_hombre.jpeg", "imagenUrl4": "../multi/camisa_casual_hombre.jpeg", "ref": "CH002", "textoProducto": "Camisa casual hombre", "descripcion": "Explora nuestra camisa casual para hombre, una elección versátil y elegante para cualquier ocasión. Confeccionada con tejidos de calidad, esta camisa ofrece estilo y comodidad para destacar en cualquier situación.", "descuento": "-10%", "talla": "Talla S-XL", "precio": 75000, "color": "Colores variados", "genero": "hombre"},
-    {"id":9, "imagenUrl1": "../multi/camisa_unisex.jpeg", "imagenUrl2": "../multi/camisa_unisex.jpeg", "imagenUrl3": "../multi/camisa_unisex.jpeg", "imagenUrl4": "../multi/camisa_unisex.jpeg", "ref": "CU001", "textoProducto": "Camisa unisex", "descripcion": "Descubre nuestra camisa unisex, diseñada para adaptarse a todos los estilos y géneros. Confeccionada con atención al detalle y materiales de alta calidad, esta camisa es una opción versátil y elegante para cualquier ocasión.", "descuento": "-10%", "talla": "Talla S-XL", "precio": 78000, "color": "Colores variados", "genero": "mujer"}
+    {"id":5, "imagenUrl1": "./multi/jean_dama_azul.jpeg", "imagenUrl2": "./multi/jean_dama_azul.jpeg", "imagenUrl3": "./multi/jean_dama_azul.jpeg", "imagenUrl4": "./multi/jean_dama_azul.jpeg", "ref": "JM002", "textoProducto": "Jean Dama", "descripcion": "Descubre nuestro último jean para mujer, con un diseño moderno y un ajuste perfecto que realza tu figura. Fabricado con materiales de alta calidad para brindarte comodidad y estilo en cada momento.", "descuento": "-10%", "talla": "Talla 26-36", "precio": 80000, "color": "Azul", "genero": "mujer"},
+    {"id":6, "imagenUrl1": "./multi/camisa_azulJean_hombre.jpeg", "imagenUrl2": "./multi/camisa_azulJean_hombre.jpeg", "imagenUrl3": "./multi/camisa_azulJean_hombre.jpeg", "imagenUrl4": "./multi/camisa_azulJean_hombre.jpeg", "ref": "CH001", "textoProducto": "Camisa hombre", "descripcion": "Explora nuestra camisa de jean para hombre, una prenda versátil y atemporal que complementa cualquier estilo. Confeccionada con tela de alta calidad, esta camisa ofrece un look casual y elegante para cualquier ocasión.", "descuento": "-10%", "talla": "Talla S-XL", "precio": 60000, "color": "Azul", "genero": "hombre"},
+    {"id":7, "imagenUrl1": "./multi/jean_dama.jpeg", "imagenUrl2": "./multi/jean_dama.jpeg", "imagenUrl3": "./multi/jean_dama.jpeg", "imagenUrl4": "./multi/jean_dama.jpeg", "ref": "JM003", "textoProducto": "Jean dama", "descripcion": "Descubre nuestro jean para mujer, con un diseño moderno y un ajuste impecable que realza tu figura. Fabricado con materiales de primera calidad para ofrecerte comodidad y estilo durante todo el día.", "descuento": "-10%", "talla": "Talla 26-36", "precio": 80000, "color": "Azul", "genero": "mujer"},
+    {"id":8, "imagenUrl1": "./multi/camisa_casual_hombre.jpeg", "imagenUrl2": "./multi/camisa_casual_hombre.jpeg", "imagenUrl3": "./multi/camisa_casual_hombre.jpeg", "imagenUrl4": "./multi/camisa_casual_hombre.jpeg", "ref": "CH002", "textoProducto": "Camisa casual hombre", "descripcion": "Explora nuestra camisa casual para hombre, una elección versátil y elegante para cualquier ocasión. Confeccionada con tejidos de calidad, esta camisa ofrece estilo y comodidad para destacar en cualquier situación.", "descuento": "-10%", "talla": "Talla S-XL", "precio": 75000, "color": "Colores variados", "genero": "hombre"},
+    {"id":9, "imagenUrl1": "./multi/camisa_unisex.jpeg", "imagenUrl2": "./multi/camisa_unisex.jpeg", "imagenUrl3": "./multi/camisa_unisex.jpeg", "imagenUrl4": "./multi/camisa_unisex.jpeg", "ref": "CU001", "textoProducto": "Camisa unisex", "descripcion": "Descubre nuestra camisa unisex, diseñada para adaptarse a todos los estilos y géneros. Confeccionada con atención al detalle y materiales de alta calidad, esta camisa es una opción versátil y elegante para cualquier ocasión.", "descuento": "-10%", "talla": "Talla S-XL", "precio": 78000, "color": "Colores variados", "genero": "mujer"}
 ]