<%- include("partials/header") %> <p> this is main page</p> <% let cpp= 6 %> <% for (let i=0;i<cpp;i++){ %> <div class="card"> <li><%= cards[i].name %></li> <li><%= cards[i].price %></li> <li><%= cards[i].title %></li> <li><%= cards[i].inStore %></li> <li><%= cards[i].code %></li> </div> <% } %> <div>button id="next">load more</button></div> <%- include("partials/footer") %> cómo puedo cambiar let cpp=6 a cpp=12 al hacer clic en el botón id="next"
Las cards de matriz deben provenir de la declaración res.render en su archivo Javascript, porque no hay let cards .
res.render("ejsfile", {cards: [...]}); Entonces, la solución es poner el entero cpp allí también y omitir la instrucción let cpp = 6 :
res.render("ejsfile", { cards: [...], cpp: Number(req.query.cpp) || 6 // default value }); Luego, las primeras 6 entradas estarían disponibles en http://server/mainpage?cpp=6 (y también en http://server/mainpage , porque 6 es el valor predeterminado). Y el botón "siguiente" debe vincular a http://server/mainpage?cpp=12 .
Consulte la documentación de req.query .