改变 javascript 让 html 点击事件

Question

<%- 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") %>

如何在单击按钮 id="next"

时将 let cpp=6 更改为 cpp=12

Answer 1

数组 cards 必须来自 Javascript 文件中的 res.render 语句，因为没有 let cards.

res.render("ejsfile", {cards: [...]});

所以解决方案是将 cpp 整数也放在那里并省略 let cpp = 6 语句：

res.render("ejsfile", {
  cards: [...],
  cpp: Number(req.query.cpp) || 6 // default value
});

那么前 6 个条目将在 http://server/mainpage?cpp=6 可用（并且在 http://server/mainpage 可用，因为 6 是默认值）。而“下一步”按钮必须link到http://server/mainpage?cpp=12.

请参阅 documentation req.query。

改变 javascript 让 html 点击事件

change javascript let by html click event

javascript

ejs

mongoose

express