From 88f93c1c5eb05c525d96dfb1d930aed5bf7e688c Mon Sep 17 00:00:00 2001
From: mikel <donmiguelus8@gmail.com>
Date: Thu, 1 Feb 2024 12:12:15 +0100
Subject: [PATCH] commit3

---
 CSS/main.css                  |  92 ++++++++++
 HTML/Contactos.html           |  21 ++-
 HTML/Eventos.html             |  19 +++
 HTML/Productos.html           |  22 ++-
 HTML/Servicios.html           |  19 +++
 HTML/index.html               |  29 +++-
 JS/index.js                   | 306 ++++++++++++++++++++++++++++------
 RECURSOS/Logo/fotoCarrito.png | Bin 0 -> 16990 bytes
 8 files changed, 453 insertions(+), 55 deletions(-)
 create mode 100644 RECURSOS/Logo/fotoCarrito.png

diff --git a/CSS/main.css b/CSS/main.css
index 756227a..a84506f 100644
--- a/CSS/main.css
+++ b/CSS/main.css
@@ -58,6 +58,73 @@
     color: white;
 }
 
+/*----------------------------Carrito Compra---------------------------*/
+
+.cestaCompra {
+    display: flex;
+    flex-direction: row;
+    position: fixed;
+    cursor: pointer;
+    right: 5px;
+    bottom: 100px;
+    z-index: 999;
+
+}
+
+.img-carrito img{
+    
+    width: 40px;
+    height: 40px;
+
+}
+.desplegable-carrito {
+    display: none;
+    opacity: 0;
+    padding: 10px;
+}
+
+.img-carrito:hover ~ .desplegable-carrito{
+    display:block;
+    opacity: 1;
+    z-index: 999;
+
+   }
+
+   .cestaCompra:hover > .desplegable-carrito{
+    display:block;
+    opacity: 1;
+    z-index: 999;
+    background-color: white;
+   }
+   .cestaCompra:hover > .img-carrito{
+    opacity: 0;
+   }
+
+    .articulo-carrito {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+    }   
+
+    .articulo-carrito p{
+        margin: 0 5px;
+        padding-top: 5px;
+        align-self: center;
+    }
+
+
+
+    .listaCarrito {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+    }
+
+.infoArticulo {
+    display: flex;
+    flex-direction: column;
+    padding: 5px;
+}
 /*----------------------------Boton Arriba------------------*/
 
 .btn-up {
@@ -299,13 +366,25 @@
     border-style: solid;
     margin: 0;
     font-weight: bold;
+    align-self: center;
 }
 
 .productos-disponibles {
     color: #576c57;
 }
 
+.contenedor-boton-añadir {
+    display: flex;
+    align-items: center;
+}
 
+.añadirProd {
+    margin: 10px;
+    border-radius: 25%;
+    width: 80px;
+    height: 60px;
+    text-overflow: ellipsis;
+}
 
 .item-lista-productos .container-carousel .btn-left,
 .item-lista-productos .container-carousel .btn-right {
@@ -677,6 +756,10 @@
 
 }
 
+
+
+
+
 .dropdown:hover > ul {
     display:block;
     opacity: 1;
@@ -1045,6 +1128,15 @@ button.boton-enviar-form   {
     .info-producto{
         margin: 0;
         padding: 0;
+        display: flex;
+        flex-direction: column;
+        
+    }
+    .descripcion-producto{
+        display: flex;
+        flex-direction: row;
+        text-align: center;
+        justify-content: center;
     }
     .slider-section-prod {
         padding: 0;
diff --git a/HTML/Contactos.html b/HTML/Contactos.html
index ab81432..5de5a88 100644
--- a/HTML/Contactos.html
+++ b/HTML/Contactos.html
@@ -39,6 +39,25 @@
             <button class="btn-up" id="botonArriba">
                 <i class="fa-solid fa-arrow-up"></i>
             </button>
+     
+            <div class="cestaCompra" id="contenedorCesta">
+                <figure class="img-carrito">
+                    <img src="../RECURSOS/Logo/fotoCarrito.png" alt="">
+                </figure>
+                
+                <div class="desplegable-carrito">
+                    <p class="text-right">Total: <span id="total"></span>&euro;</p>
+                    <button id="boton-vaciar" class="botonVaciar" onclick="eliminarCesta()">Vaciar</button>
+                    <button id="boton-tramitar" class="botonVaciar" onclick="tramitarPedido()">Tramitar</button>
+
+                    
+                    
+                    <ul id="carrito" class="listaCarrito">
+                    </ul>
+                
+                
+                </div>
+            </div>
         
     </header>
 
@@ -68,7 +87,7 @@
             <h2>Contacta con La Forja</h2>
             <form action="https://formsubmit.co/7e360d9cc9ca04dfaa14e5a35e53cf18" method="POST" id="formularioContacto">
                 <label for="name">Nombre:</label>
-                <input type="text" name="name" >
+                <input type="text" name="name">
 
                 <label for="mail">
                    <span>Correo Electrónico:</span> 
diff --git a/HTML/Eventos.html b/HTML/Eventos.html
index 50624b1..c633d3b 100644
--- a/HTML/Eventos.html
+++ b/HTML/Eventos.html
@@ -43,6 +43,25 @@
                 <i class="fa-solid fa-arrow-up"></i>
             </button>
         
+           
+            <div class="cestaCompra" id="contenedorCesta">
+                <figure class="img-carrito">
+                    <img src="../RECURSOS/Logo/fotoCarrito.png" alt="">
+                </figure>
+                
+                <div class="desplegable-carrito">
+                    <p class="text-right">Total: <span id="total"></span>&euro;</p>
+                    <button id="boton-vaciar" class="botonVaciar" onclick="eliminarCesta()">Vaciar</button>
+                    <button id="boton-tramitar" class="botonVaciar" onclick="tramitarPedido()">Tramitar</button>
+
+                    
+                    
+                    <ul id="carrito" class="listaCarrito">
+                    </ul>
+                
+                
+                </div>
+        </div>
     </header>
     <section class="art-inicio-eventos">
         <h1 class="titulo-inicio" id="titulo-grande-eventos">EVENTOS</h1>
diff --git a/HTML/Productos.html b/HTML/Productos.html
index 0058dab..a7c6eb6 100644
--- a/HTML/Productos.html
+++ b/HTML/Productos.html
@@ -40,7 +40,27 @@
             <button class="btn-up" id="botonArriba">
                 <i class="fa-solid fa-arrow-up"></i>
             </button>
-        
+
+
+
+            <div class="cestaCompra" id="contenedorCesta">
+                    <figure class="img-carrito">
+                        <img src="../RECURSOS/Logo/fotoCarrito.png" alt="">
+                    </figure>
+                    
+                    <div class="desplegable-carrito">
+                        <p class="text-right">Total: <span id="total"></span>&euro;</p>
+                        <button id="boton-vaciar" class="botonVaciar" onclick="eliminarCesta()">Vaciar</button>
+                        <button id="boton-tramitar" class="botonVaciar" onclick="tramitarPedido()">Tramitar</button>
+
+                        
+                        
+                        <ul id="carrito" class="listaCarrito">
+                        </ul>
+                    
+                    
+                    </div>
+            </div>
     </header>
     <main class="cuerpo-prod">
         <section class="art-inicio-productos">
diff --git a/HTML/Servicios.html b/HTML/Servicios.html
index 8fb03aa..1a8449d 100644
--- a/HTML/Servicios.html
+++ b/HTML/Servicios.html
@@ -40,6 +40,25 @@
                 <i class="fa-solid fa-arrow-up"></i>
             </button>
         
+            <div class="cestaCompra" id="contenedorCesta">
+                <figure class="img-carrito">
+                    <img src="../RECURSOS/Logo/fotoCarrito.png" alt="">
+                </figure>
+                
+                <div class="desplegable-carrito">
+                    <p class="text-right">Total: <span id="total"></span>&euro;</p>
+                    <button id="boton-vaciar" class="botonVaciar" onclick="eliminarCesta()">Vaciar</button>
+                    <button id="boton-tramitar" class="botonVaciar" onclick="tramitarPedido()">Tramitar</button>
+
+                    
+                    
+                    <ul id="carrito" class="listaCarrito">
+                    </ul>
+                
+                
+                </div>
+            </div>
+        
     </header>
     <section class="art-inicio-servicios">
         <h1 class="titulo-inicio" id="titulo-grande-sevicios">SERVICIOS</h1>
diff --git a/HTML/index.html b/HTML/index.html
index b43b516..5a13aba 100644
--- a/HTML/index.html
+++ b/HTML/index.html
@@ -40,6 +40,28 @@
             <button class="btn-up" id="botonArriba">
                 <i class="fa-solid fa-arrow-up"></i>
             </button>
+
+            <div class="cestaCompra" id="contenedorCesta">
+                <figure class="img-carrito">
+                    <img src="../RECURSOS/Logo/fotoCarrito.png" alt="">
+                </figure>
+                
+                <div class="desplegable-carrito">
+                    <p class="text-right">Total: <span id="total"></span>&euro;</p>
+                    <button id="boton-vaciar" class="botonVaciar" onclick="eliminarCesta()">Vaciar</button>
+                    <button id="boton-tramitar" class="botonVaciar" onclick="tramitarPedido()">Tramitar</button>
+
+                    
+                    
+                    <ul id="carrito" class="listaCarrito">
+                    </ul>
+                
+                
+                </div>
+            </div>
+
+
+
         
     </header>
     <main class="cuerpo" id="cuerpo">
@@ -64,11 +86,10 @@
                      miniaturas para Wargames y juegos de mesa. Abordamos todos los aspectos de este tipo 
                      de hobbies: montaje, modelado, pintura y competición. 
                 </p>
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia, reprehenderit 
-                    nostrum totam autem enim molestias dignissimos error perferendis veniam exercitationem 
-                    aliquam temporibus libero magnam? Nihil cumque corporis error voluptatum molestias.
+                <p>Somos una Asociación Cultural cuyos fines son el desarrollo y el fomento de actividades relacionadas con las artes plásticas, la pintura, los juegos de mesa y la promoción de eventos de tal índole.
+                    
                 </p>
-                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste incidunt distinctio ipsa maxime dolore tenetur dolorem optio, minima perspiciatis minus voluptatibus nostrum asperiores eos a enim laborum, earum at adipisci.</p>
+                <p>Ponte en contacto con nosotros para saber más de nuestras actividades y eventos.</p>
 
             </article>
         </div>
diff --git a/JS/index.js b/JS/index.js
index 5d2b019..00ac3fe 100644
--- a/JS/index.js
+++ b/JS/index.js
@@ -3,9 +3,13 @@
     /*  posteriormente la información a cargar estará en una DB, la idea es más adelante hacer 
     una página de backoffice desde donde el admin gestionará los cambios
      (adición, eliminación o modificación de productos, eventos...) */
-    const infoProductos = [
+   
+   
+     let cestaCompra = [];
+   
+     const infoProductos = [
         {
-            numeroproducto: 1,
+            numeroproducto: 0,
             titulo: "Primaris Invictor Tactical Warsuit",
             img1: "../RECURSOS/Productos/Invictor300px.jpg", 
             img2: "../RECURSOS/Productos/InvictorLado300px.jpg",
@@ -13,10 +17,10 @@
             alt:"Invictor",        
             textodescrip: "Armadura de combate de los Ángeles Oscuros completamente pintada con un alto grado de detalle y personalización.",
             disponibles: 1,
-            precio: "150,00"
+            precio: 150.00
         },
         {
-            numeroproducto: 2,
+            numeroproducto: 1,
             titulo: "Termagantes Tiránidos",
             img1: "../RECURSOS/Productos/TermagantesFront300px.jpg",
             img2: "../RECURSOS/Productos/TermagantesLado300px.jpg",
@@ -24,10 +28,10 @@
             alt: "Termagantes",
             textodescrip: "Unidad Básica de 10 Termagantes listos para la batalla. Especialistas en cuerpo a cuerpo, pese a no ser de élite aprovechan su gran número.",
             disponibles: 1,
-            precio: "139,00"
+            precio: 139.00
         },
         {
-            numeroproducto: 3,
+            numeroproducto: 2,
             titulo: "Primaris Inceptor Squad",
             img1: "../RECURSOS/Productos/Inceptor300px.jpg",
             img2: "../RECURSOS/Productos/InceptorLado300px.jpg",
@@ -35,10 +39,10 @@
             alt: "Inceptores",
             textodescrip: "Unidad de 3 Primaris Inceptors Ángeles Oscuros en armadura gravis equipados con armas de plasma.",
             disponibles: 1,
-            precio: "149,00"
+            precio: 149.00
         },
         {
-            numeroproducto: 4,
+            numeroproducto: 3,
             titulo: "Teniente Primaris Ángel Oscuro",
             img1: "../RECURSOS/Productos/Teniente300px.jpg",
             img2: "../RECURSOS/Productos/TenienteLadoDos300px.jpg",
@@ -46,10 +50,10 @@
             alt: "Teniente",
             textodescrip: "Teniente Primaris de los Ángeles Oscuros equipado con arma de energía y pistola de plasma.",
             disponibles: 1,
-            precio: "85,00"
+            precio: 85.00
         },
         {
-            numeroproducto: 5,
+            numeroproducto: 4,
             titulo: "Guerreros Tiránidos",
             img1: "../RECURSOS/Productos/TyranidWarriorUnoFront300px.jpg",
             img2: "../RECURSOS/Productos/TyranidWarriorUno300px.jpg",
@@ -57,7 +61,7 @@
             alt: "Guerrero Tiranido",
             textodescrip: "Versátil unidad de 2 guerreros y 1 primus. Bio-armas de disparo a distancicia y garras y látigo para el cuerpo a cuerpo.",
             disponibles: 1,
-            precio: "129,00"
+            precio: 129.00
         }
     ]
 
@@ -158,7 +162,7 @@ const cargado = () =>  {
 
     //--------------------- CONFIGURACIÓN CARRITO COMPRA -------------------------------------
 
-
+        renderizarCesta();
 
 
     //--------------------- CONFIGURACIÓN CONTENEDOR SERVICIOS -------------------------------------
@@ -183,54 +187,258 @@ const cargado = () =>  {
             })
         })
 
+
+       
 }
 
-
-
-
-
 //--------------------- CONFIGURACIÓN CONTENEDOR PRODUCTOS --------------------------------
 
 
 
-const genListaProd = () => {
-    let contenedorProd = document.getElementById("contenedorProductos2");
-    
-    for (let i = 0; i < infoProductos.length; i++){
-  
 
-    contenedorProd.innerHTML += `                            
-    
-    <li class="item-lista-productos">
-        <h3>${infoProductos[i].titulo}</h3>
-        <div class="container-carousel">
-            <div class="carruseles-prod" id="slider">
-                <figure class="slider-section-prod">
-                    <img src="${infoProductos[i].img1}" alt="${infoProductos[i].alt}">
-                </figure>
-                <figure class="slider-section-prod">
-                    <img src="${infoProductos[i].img2}" alt="${infoProductos[i].alt}">
-                </figure>
+        function guardarEnCarrito() {
             
-                <figure class="slider-section-prod">
-                    <img src="${infoProductos[i].img3}" alt="${infoProductos[i].alt}">
-                </figure>
-            </div>
-            <button type="button" class="btn-left" onclick="moveToLeft()"> < </button>
-            <button type="button" class="btn-right" onclick="moveToRight()"> > </button>
-        </div>
-        <ul class="info-producto">
-            <li class="descripcion-producto">
-                <p class="texto-descrip-prod">${infoProductos[i].textodescrip} </p>
-                <p class="productos-disponibles">Disponibles: ${infoProductos[i].disponibles}</p>
-            </li>
-            <li class="precio-producto">${infoProductos[i].precio}€</li>
-        </ul>
-    </li>
-        `}
+            let prodAñadido = this.event.target.getAttribute("marcador");
+            let controlCesta = cestaCompra.includes(prodAñadido);
+            leerCesta();
+            if ( cestaCompra.length == 0 || !controlCesta) {
+                cestaCompra.push(prodAñadido);
+                
+                 try {
+                     localStorage.setItem('numProd', JSON.stringify(cestaCompra));
+                     renderizarCesta();
+                     
+                   } catch (e) {
+                     return "Error al guardar el item en el localStorage: " + e.message;
+                   }  
+            }
+            
+            
+        }
+
+        function borrarArticulo() {
+            let prodABorrar = this.event.target.getAttribute("marcador");
+            let indice = cestaCompra.indexOf(prodABorrar);
+            cestaCompra.splice(indice, 1);
+            try {
+                localStorage.setItem('numProd', JSON.stringify(cestaCompra));
+                renderizarCesta();
+                
+              } catch (e) {
+                return "Error al guardar el item en el localStorage: " + e.message;
+              }  
+        }
+         
+            function renderizarCesta(){
+                
+                leerCesta()
+                let elCarrito = document.getElementById("carrito");
+                let elPrecioTotal = document.getElementById("total");
+                elCarrito.textContent = "";
+                elPrecio = 0;
+                for (i = 0; i < cestaCompra.length; i++) {
+                    let numeroControl = cestaCompra[i];
+                    let articuloCarrito = document.createElement("li");
+                    elCarrito.appendChild(articuloCarrito);
+                    articuloCarrito.setAttribute("class", "articulo-carrito");
+
+                    let contenedorArticuloCarrito = document.createElement("figure");
+                    articuloCarrito.appendChild(contenedorArticuloCarrito);
+                    contenedorArticuloCarrito.setAttribute("class", "img-carrito");
+
+                    let imagenArticuloCarrito = document.createElement("img");
+                    contenedorArticuloCarrito.appendChild(imagenArticuloCarrito);
+                    imagenArticuloCarrito.setAttribute("src", infoProductos[numeroControl].img1);
+                    imagenArticuloCarrito.setAttribute("alt", "imagen");
+
+                    let textoArticulocarrito = document.createElement("p");
+                    articuloCarrito.appendChild(textoArticulocarrito);
+                    textoArticulocarrito.innerText = infoProductos[numeroControl].titulo;
+
+                    let infoArticulo = document.createElement("div");
+                    articuloCarrito.appendChild(infoArticulo);
+                    infoArticulo.setAttribute("class", "infoArticulo")
+
+                    let precioArticuloCarrito = document.createElement("p");
+                    infoArticulo.appendChild(precioArticuloCarrito);
+                    precioArticuloCarrito.innerText = infoProductos[numeroControl].precio + " €";
+                    elPrecio = elPrecio + infoProductos[numeroControl].precio
+
+                    let botonBorrarArticulo = document.createElement("button");
+                    infoArticulo.appendChild(botonBorrarArticulo);
+                    botonBorrarArticulo.innerText = "Eliminar";
+                    botonBorrarArticulo.setAttribute("type", "button");
+                    botonBorrarArticulo.setAttribute("onclick", "borrarArticulo()");
+                    botonBorrarArticulo.setAttribute("marcador", infoProductos[numeroControl].numeroproducto);
+
+                }
+                elPrecioTotal.textContent = elPrecio
+            }
+
+
+
+            function eliminarCesta() {
+                localStorage.removeItem("numProd");
+                let elCarrito = document.getElementById("carrito");
+                elCarrito.textContent = "";
+                cestaCompra = [];
+            }
+
+          function leerCesta() {
+            
+            
+            var lecturaCesta = JSON.parse(localStorage.getItem('numProd'));
+            if (lecturaCesta === null) {
+            cestaCompra = [];
+            } else {
+            cestaCompra = lecturaCesta;
+            }
+            
+            
+                   
+        }
+        let textoInputPedido = "";
+            
+        
+        function tramitarPedido(){
+                
+                window.location.href = "./Contactos.html";
+                alert("Solicita Informacion aqui")
+            }
+
+   /** function tramitarEncargo() {
+        let asuntoPedido = document.getElementById("formSubject");
+        asuntoPedido.value = "Solicitud Compra Productos";
+        console.log(asuntoPedido.value)
+        let inputPedido = document.getElementById("formComment");
+        textoPedido();
+        inputPedido.innerText =  textoInputPedido;
+        
+        console.log(asuntoPedido.value)
+    }
+     
+   
+    function textoPedido(){
+        let textoInputPedido = `Hola me gustaria saber la disponibilidad de: `;
+        let precioPedido = 0;
+        console.log(textoInputPedido)
+        for (i = 0; i < cestaCompra.length; i++) {
+            let numControl = cestaCompra[i];
+            console.log(numControl)
+            let nombreProd = infoProductos[numControl].titulo;
+            let precioPedido = precioPedido + infoProductos[numControl].precio;
+            textoInputPedido = textoInputPedido + `${nombreProd}, `
+        }
+        textoInputPedido = textoInputPedido + `el precio total seria de: ${precioPedido} €. Muchas gracias.`
+        return textoInputPedido;
+    }*/ 
+
+const genListaProd = () => {
+    
+    
+    let contenedorProd = document.getElementById("contenedorProductos2");
+
+    for (let i = 0; i < infoProductos.length; i++){
+        
+    let itemListaProd = document.createElement("li");
+    contenedorProd.appendChild(itemListaProd);
+    itemListaProd.setAttribute("class", "item-lista-productos");
+
+    let tituloProd = document.createElement("h3");
+    itemListaProd.appendChild(tituloProd);
+    var textotitulo = document.createTextNode(infoProductos[i].titulo)
+    tituloProd.appendChild(textotitulo);
+
+    let contenedorCarrousel = document.createElement("div");
+    itemListaProd.appendChild(contenedorCarrousel);
+    contenedorCarrousel.setAttribute("class", "container-carousel")
+        
+    let carruselesProd = document.createElement("div");
+    contenedorCarrousel.appendChild(carruselesProd);
+    carruselesProd.setAttribute("class", "carruseles-prod");
+    
+    let fotoUnoProd = document.createElement("figure");
+    carruselesProd.appendChild(fotoUnoProd);
+    fotoUnoProd.setAttribute("class", "slider-section-prod")
+        
+    let imgUno = document.createElement("img");
+    fotoUnoProd.appendChild(imgUno);
+    imgUno.setAttribute("src", infoProductos[i].img1)
+    imgUno.setAttribute("alt", infoProductos[i].alt)
+
+    let fotoDosProd = document.createElement("figure");
+    carruselesProd.appendChild(fotoDosProd);
+    fotoDosProd.setAttribute("class", "slider-section-prod")
+
+    let imgDos = document.createElement("img");
+    fotoDosProd.appendChild(imgDos);
+    imgDos.setAttribute("src", infoProductos[i].img2)
+    imgDos.setAttribute("alt", infoProductos[i].alt)
+
+    let fotoTresProd = document.createElement("figure");
+    carruselesProd.appendChild(fotoTresProd);
+    fotoTresProd.setAttribute("class", "slider-section-prod")
+
+    let imgTres = document.createElement("img");
+    fotoTresProd.appendChild(imgTres);
+    imgTres.setAttribute("src", infoProductos[i].img3)
+    imgTres.setAttribute("alt", infoProductos[i].alt)
+
+    let btnIzq = document.createElement("button");
+    contenedorCarrousel.appendChild(btnIzq);
+    btnIzq.setAttribute("type", "button");
+    btnIzq.setAttribute("class", "btn-left");
+    btnIzq.setAttribute("onclick", "moveToLeft()");
+    btnIzq.innerText = " < "
+
+    let btnDcha = document.createElement("button");
+    contenedorCarrousel.appendChild(btnDcha);
+    btnDcha.setAttribute("type", "button");
+    btnDcha.setAttribute("class", "btn-right");
+    btnDcha.setAttribute("onclick", "moveToRight()");
+    btnDcha.innerText = " > "
+
+    let listaInfoProd = document.createElement("ul");
+    itemListaProd.appendChild(listaInfoProd);
+    listaInfoProd.setAttribute("class", "info-producto")
+
+    let descProd = document.createElement("li");
+    listaInfoProd.appendChild(descProd);
+    descProd.setAttribute("class", "descripcion-producto");
+
+    let textoProd = document.createElement("p");
+    descProd.appendChild(textoProd);
+    textoProd.setAttribute("class", "texto-descrip-prod")
+    textoProd.innerText = infoProductos[i].textodescrip
+    
+    let dispoProd = document.createElement("p");
+    descProd.appendChild(dispoProd);
+    dispoProd.setAttribute("class", "productos-disponibles")
+    dispoProd.innerText = "Disponibles: " + infoProductos[i].disponibles
+
+    let precioProd = document.createElement("li");
+    listaInfoProd.appendChild(precioProd);
+    precioProd.setAttribute("class", "precio-producto");
+    precioProd.innerText = infoProductos[i].precio.toFixed(2) + "€";
+
+    let liBotonAñadir = document.createElement("li");
+    listaInfoProd.appendChild(liBotonAñadir);
+    liBotonAñadir.setAttribute("class", "contenedor-boton-añadir");
+    
+    let botonAñadir = document.createElement("button");
+    liBotonAñadir.appendChild(botonAñadir);
+    botonAñadir.setAttribute("type", "button");
+    botonAñadir.setAttribute("class", "añadirProd");
+    botonAñadir.setAttribute("marcador", infoProductos[i].numeroproducto);
+    botonAñadir.setAttribute("onclick", "guardarEnCarrito()");
+    botonAñadir.innerText = "Añadir a Cesta";
+
 
     }
 
+
+}    
+
 /** más adelante se creará un botón para añadir a un carrito y un contenedor para los articulos del carrito
 con sus correspondientes botones para quitar el producto, un espacio donde figure la suma de las cantidades, etc. */ 
 
diff --git a/RECURSOS/Logo/fotoCarrito.png b/RECURSOS/Logo/fotoCarrito.png
new file mode 100644
index 0000000000000000000000000000000000000000..93046e4e0b019fea484c24d2f5dc9d2703e0ec36
GIT binary patch
literal 16990
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
BX<YyS

literal 0
HcmV?d00001