如何将变量从 Node.js 传递到 JavaScript？

Question

我想将变量从 Node.js 传递到“抽认卡”内的内部 JavaScript，我尝试使用 EJS 传递数组“cardNames”

服务器端：

app.get("/apps/flashcards", (req, res) => {
    res.render("flashcards", { cardNames: ["card1", "card2", "card3", "card4"] });
})

在我的“抽认卡”EJS 文件中，我有四个 span 元素，所有这些元素都具有相同的类（“my-cards”）。我想更改他们的文本内容，如下所示：

客户端（抽认卡文件）：

<script>
const cardNames = <% cardNames %>
const cards= document.querySelectorAll(".my-cards");
for (let i = 0; i < cards.length; i++) {
    cards[i].textContent = cardNames[i] + ", Score: 0";
}
</script>

我收到错误：

“未捕获的语法错误：意外的标记‘const’”

如何将文件从 Node.js 发送到内部甚至外部 JavaScript？逻辑必须与 html 元素分开，这样就不会造成混乱。 不一定是EJS，只要能达到效果我愿意使用其他方法。

Answer 1

首先获取变量，然后像这样简单地传递然后

app.get("/apps/flashcards", (req, res) => {
    const cardNames = ["card1", "card2", "card3", "card4"];
    res.render("flashcards", { cardNames });
});