javascript - 是否可以在 Pug 中访问和修改从 Express 传递的变量？

Question

我正在制作一个简单的数学游戏，并想将一系列问题传递给 Pug。如果用户答对了一个问题，我想更新分数并显示一个新问题。但是，我不确定如何通过 Pug 动态访问和更新网站...

在 Express 中传递值:

return res.render('play', { questions: questionArray, score: 0});

哈巴狗文件:

p#question #{questions[score].num1} #{questions[score].operation}  #{questions[score].num2} 
  p#score #{score}
  input#answer
  button.btn.btn-primary(onclick='checkAnswer(questions[score], score)') Enter

当我单击按钮检查答案时，我在控制台中收到错误“问题未在 HTMLButtonElement.onclick 中定义”。我检查了如何在 Pug 中使用 onclick，但它似乎不起作用。有人建议 JSON.stringify，但似乎不起作用。

提前致谢!

Answer 1

您可以使用，PUG String Interpolation ，就像这里一样；

p#question #{questions[score].num1} #{questions[score].operation}  #{questions[score].num2} 
    p#score #{score}
    input#answer
    button.btn.btn-primary#check-button Enter

script(type="text/javascript").
    document.getElementById('check-button').addEventListener('click', function() {
        let score = !{score};
        let qScore = !{quesstions[score]}
        // put things in "checkAnswer" function here
    });

希望这有效! :)