text: let lista= '';
  
  
  class producto {
      constructor (id, nombre, precio, stock, images){
          this.id = id
          this.nombre = nombre
          this.precio = precio
          this.stock = stock
          this.images = images
      }
  }
  
  const productList = [];
  
      productList.push(productoUno = new producto (1,'Kettlebell 5kg', 1150, 10, 'img/KB-prueba.png'));
      productList.push(productoDos = new producto (2, 'Kettlebell 8kg', 2300, 10,'img/KB-prueba.png'))
      productList.push(productoTres = new producto (3,'Kettlebell 10kg', 3600, 10, 'img/KB-prueba.png'))
      productList.push(productoCuatro = new producto (4,'Kettlebell 12kg', 4330, 10, 'img/KB-prueba.png'));
      productList.push(productoCinco = new producto (5,'Kettlebell PVC xKg', 200, 10,'img/KB-prueba.png'))
      productList.push(productoSeis = new producto (6,'Kettlebell 20kg', 4600, 10,'img/KB-prueba.png'))
  
  
      for (let i = 0; i < productList.length; i++) {  
          lista += `<div class="container-card">
          <div class="card">
                  <div class="sneaker">
                      <div class="circle"></div>
                      <img src="${productList[i].images}" alt="kb">
                  </div>
                      
              <div class="info">
                  <h1 class="title">${productList[i].nombre}</h1>    
                      <h3>MANCUERNA RUSA KETTLEBELL GENETIC PRO</h3>
              </div>
             
              <div class="purchase">
                  <button onclick= "agregarItem(${productList[i].id})">Comprar</button>
              </div>
          </div>
      </div>
      `
      };
  
    document.getElementById('articulos').innerHTML = lista;
  
  
  let carrito=[] 
  
  
  
  function agregarItem(id){
      
      let productoElegido = productList.find(el => el.id == id);
      
      if(productoElegido){
          carrito.push(productoElegido)   
      }else{ 
          alert('Producto no disponible')
      }
      
  
      localStorage.setItem('carrito', JSON.stringify(carrito))
      console.log(carrito)
  
  }
  
  
  
  const modalContenedor = document.getElementsByClassName('modal-contenedor')[0];
  const botonAbrir = document.getElementById('botonAbrir');
  botonAbrir.addEventListener('click',()=>{
     modalContenedor.classList.toggle('modal-active');
  })
  
  const botonCerrar= document.getElementById('carritoCerrar');
  botonCerrar.addEventListener('click',()=>{
      modalContenedor.classList.toggle('modal-active');
  })