Estaba entrenando con algunos códigos, así que tengo un problema. Tengo 2 constantes en un paquete web. Primero es un render. Funciona. Hay algunos problemas con div, no me importa ahora.

 const renderGoods =(goods) =>{ // console.log("renderGoods") const goodWrapper = document.querySelector('.goods') console.log(goodWrapper) goodWrapper.innerHTML=''; goods.forEach((goodsItem) => { goodWrapper.insertAdjacentHTML('beforeend',` <div class="card"> ${goodsItem.sale ? '<div class="card-sale">🔥Hot Sale🔥</div>':''} <div class="card-img-wrapper"> <span class="card-img-top" style="background-image: url('${goodsItem.img}')"></span> </div> </div> <div class="card-body justify-content-between"> <div class="card-price">${goodsItem.price} ₽</div> <h5 class="card-title">${goodsItem.title}</h5> <button class="btn btn-primary to-corsine">В корзину</button> </div> </div> `) }); } export default renderGoods

El segundo necesita elementos del primer guión. Quiero obtener un botón con la clase "a corsine", pero cuando lo intenté, tenía una matriz de longitud cero. Mi código para obtener un elemento es simple:

 const corsine = function() { var things = []; var info = document.querySelector(".to-corsine"); console.log(info); } export default corsine

¿Cómo puedo obtener una lista completa de elementos después de renderizar?