Estoy tratando de agregar un indicador de número al ícono de mi carrito que mostrará la cantidad de artículos agregados después de que el producto se haya guardado en mi base de datos.

 <div class="main__section-content"> <% if( allProd.length > 0 ) {%> <% for(product of allProd){%> <article class="main__section-card"> <img src="<%= product.imageUrl %>" alt="<%= product.title %>" class="card-img"> <section class="card-container"> <h4><%= product.title %> </h4> <p>$ <%= product.price %></p> <form action="/cart" method="post" class="card-form"> <input type="hidden" name="productId" value="<%= product._id %>"> <button class="card-btn" type="submit" >Add to cart</button> </form> </section> </article> <%} %> <%} %> </div>

Estoy tratando de adjuntar un detector de eventos a todos

botón añadir al carrito

 const addToCartBtn = document.querySelectorAll('.card-btn'); addToCartBtn.forEach(btn => { btn.addEventListener('click', (e)=>{ e.preventDefault(); console.log('btn'); }) });

nada sale de la consola antes de que se envíe la solicitud de publicación.

así es como manejo la solicitud de publicación

 exports.postCart = (req, res) => { const prodId = req.body.productId; Product.findById(prodId) .then(product =>{ return req.user.addToCart(product); }) .then(result => { console.log(result); res.redirect('/') }).catch(err => console.log(err)); };

¡por favor ayuda!