Javascript 如何使用jQuery添加系统工作来进行此测验？

在这个测验中，每个div都是一个问题。我需要它是绝对的，所以每次单击下一个按钮时，下一个div显示，上一个隐藏，而单击上一个按钮时则相反

以下是我需要的帮助：

我将答案存储到一个数组中，并将字段中输入的

val（）

与相应的数组（

answers

）进行比较，然后添加到添加系统中（

totalcorrect++

）。我需要在

#result

div中显示总分。我不知道该怎么做

我可以看出我的计算是正确的，但我遇到的问题是，每次我按“预览”，然后再按“下一个问题”，该问题的总和（或我返回的问题数）都会再次计算，因此它将

totalcorrect

值加倍。我如何防止这种情况发生

有没有更好的方法来编写数组，以便按问题进行分类并得到回答

var答案=[
[“A”]，
[“红色”]，
[“绿色”]，
[“协和”]，
[“黑比诺”]，
[“莱姆伯格”]
];
var totalCorrect=0；
var totalAnswer=answers.length；
//第1页
$（“#btnNext_q1”）。单击（函数（e）{
e、 预防默认值（）
$（'.checbox-q'）.css({
“不透明度”：0，
“z指数”：1
});
$（'.fillBlanks-q'）.css({
“不透明度”：1，
“z指数”：20
});
if（$（“#q1-a1”）.val（）==答案[0]）{
totalCorrect++；
}
});
//第2页
$（“#btnPrev_q2”）。单击（函数（e）{
e、 预防默认值（）
$（'.checbox-q'）.css({
“不透明度”：1，
“z指数”：20
});
$（'.fillBlanks-q'）.css({
“不透明度”：0，
“z指数”：1
});
});
$（“#btnNext_q2”）。单击（函数（e）{
e、 预防默认值（）
$（'.fillBlanks-q'）.css({
“不透明度”：0，
“z指数”：1
});
$（'.list-q'）.css({
“不透明度”：1，
“z指数”：20
});
if（$（“#q2-a1”）.val（）==答案[1]）{
totalCorrect++；
}
if（$（“#q2-a2”）.val（）=答案[2]）{
totalCorrect++；
}
});
//第3页
$（“#btnPrev_q3”）。单击（函数（e）{
e、 预防默认值（）
$（'.fillBlanks-q'）.css({
“不透明度”：1，
“z指数”：20
});
$（'.list-q'）.css({
“不透明度”：0，
“z指数”：1
});
});
$（“#提交”）。单击（功能（e）{
e、 预防默认值（）
$（'list-q'）.css({
“不透明度”：0，
“z指数”：1
});
$（“#结果”）.css({
“不透明度”：1，
“z指数”：20
});
if（$（“#q3-a1”）.val（）=答案[3]）{
totalCorrect++；
}
if（$（“#q3-a2”）.val（）=答案[4]）{
totalCorrect++；
}
if（$（“#q3-a1”）.val（）=答案[5]）{
totalCorrect++；
}
});

什么是动物？我知道这应该是一个评论，但我还没有足够的代表发表评论

你的HTML有点过时了，在一些地方你对shift键有点满意（上一篇我很忙，决定在有更多时间的时候再写一篇。我真的需要帮助。如果你有任何问题，请告诉我，我会回答。当我运行你的代码片段时，我什么也看不到。嗨，Jamiec。谢谢你的回复。我需要在div=“result”中显示结果）但我不知道如何做到这一点。我对JavaScript（Jquery）非常陌生，一开始它可能会让人望而生畏，因此希望能得到一些帮助。您应该添加一个应答状态，以避免在导航过程中出现错误的增量，例如添加一个自定义数据属性，然后在递增计数器之前测试它是否存在$(“#结果”）。文本（totalCorrect）应完成其余部分。
$('#result').text(totalCorrect);