更改 JavaScript let by HTML click 事件-解网

问：

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

我如何将 let 更改为单击按钮 id=“next”cpp=6cpp=12

JavaScript 表示猫鼬 EJS

在标题中，你有“更改javascript let”，但不知何故，你忘记包含你尝试过的任何JS。请阅读如何提问，然后使用最少的可重复示例进行编辑。EJS 没有帮助。了解如何使用开发人员工具、检查元素，以及使用生成的示例而不是未转译的 EJS 代码。

答：

0赞 Heiko Theißen 2/19/2022 #1

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

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

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

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

然后，前 6 个条目将在（以及，因为 6 是默认值）可用。“下一步”按钮必须链接到 .http://server/mainpage?cpp=6http://server/mainpagehttp://server/mainpage?cpp=12

请参见的文档。req.query

更改 JavaScript let by HTML click 事件

change javascript let by html click event

评论

评论