Tengo que hacer una tienda online. Hice un array de productos, y despues un array de cada categoria de productos. (gorras, remeras, zapatos, barbijos...) Lo lleve al html de la siguiente forma detallada debajo de todo..
Lo que necesito es que al apretar el boton VER MAS (esta en productos.html), me lleve a otro html en el que solo figure ese producto seleccionado pero con mas informacion (detalle.html). Como hago la vinculacion ?? Tengo que hacer un array nuevo con la informacion adicional que quiero de cada producto, que me lleve a detalle.html?
const listaGorras = document.getElementById('gorras')
gorras.forEach(prod => {
let card = document.createElement('div')
card.classList.add('col')
card.innerHTML = `
<div class="col-sm-6 col-md-3" style="padding-top: 1.5rem;">
<div class="card conLink" onclick="verProducto(1)">
<img src="${prod.imagen}" class="card-img-top welcome-imagen" alt="">
<div class="card-body">
<h5 class="card-title welcome-titulo" alt="">${prod.nombre}</h5>
<span class="card-title welcome-precio" alt="" >${prod.precio}</span >
<div>
<div style="display: inline-block;"></div>
<div style="display: inline-block;"></div>
<div style="display: inline-block;"></div>
</div>
<div class="btn btn-primary ">VER MÁS</div>
</div>
</div>
</div>
`
listaGorras.appendChild(card)
})