我正在创建一个测验,用户一次只能访问一个问题。单击“提交”后,它会向计数器添加+1并前进到数组中的下一个问题。我的所有问题都存储在MongoDB的数据库中。
我尝试过的:
<% var pos = 0 %>
<section class="nivelamento" id="nivelamento">
<div class="container">
<h2 id='teste_status' class="nivelamento-titulo">Math Questions!</h2>
<h6>Question <%= (pos + 1) %> of <%= quizzes.length %> </h6>
<div id="teste">
<form action="/nivelamento" method="POST">
<h2><%= quizzes[pos].question %></h2>
<input type="radio" name='options' value="A"><%= quizzes[pos].firstOption %><br>
<input type="radio" name='options' value="B"><%= quizzes[pos].secondOption %><br>
<input type="radio" name='options' value="C"><%= quizzes[pos].thirdOption %><br><br>
<button type="submit" class="btn btn-danger btn-sm">Submit Answer</button>
</form>
<% if(opcaoEscolhida === quizzes[pos].rightAnswer){ %>
<% correct++ %>
<% } %>
<% pos++ %>
</div>
</div>
</section>
单击提交后,一切都保持不变,我的数组的位置编号不会改变。
其余的,到目前为止,一切似乎工作正常,因为手动更改我的计数器我有所需的结果。
你不能这样做。一旦页面加载了ejs转换为常规html。你需要使用javascript来做这种事情。它就像在php中回声你可以阅读有关这个想法。你需要在java脚本中创建一个变量并将其放在html中的div和标题中