如何在javascript测验结束时显示/指出正确答案和错误答案

正如标题所示，我需要帮助在javascript测试结束时显示正确答案和错误答案。我试过各种方法，但似乎都不管用。我试着突出显示，在乐谱旁边写字，在乐谱下面展示，但我尝试的似乎都不管用。非常感谢您的指导

var total_seconds=30*1；
var c_minutes=parseInt（总秒数/60）；
var c_seconds=parseInt（总秒数%60）；
无功定时器；
函数CheckTime（）{
document.getElementById（“剩余测验时间”）.innerHTML=
“剩余时间：”+c_分钟+“分钟”+c_秒+“秒”；
如果（总_秒=4）{
document.body.style.backgroundColor=“rgba（0255,0,0.2）”；
}否则{
document.body.style.backgroundColor=“rgba（255,0,0,0.1）”；
}
var q=document.getElementById（“p”）；
q、 style.fontSize=“40px”；
q、 style.textAlign=“中心”；
q、 innerHTML=
“你有”+
要点+
“超出”+
总数+
“
”+
“你用过”+
（29-数学楼层（总秒））+
“秒”；
返回false；
}

文件
1.足球比赛中有多少张黄牌等于一张红牌？
A.1

B2

C3

D4

2.足球比赛中有多少张黄牌等于一张红牌？
A.1

B2

C3

D4

3.足球比赛中有多少张黄牌等于一张红牌？
A.1

B2

C3

D4

4.足球比赛中有多少张黄牌等于一张红牌？
A.1

B2

C3

D4

5.足球比赛中有多少张黄牌等于一张红牌？
A.1

B2

C3

D4

6.足球比赛中有多少张黄牌等于一张红牌？
A.1

B2

C3

D4

好的，我运行了这个代码段，下面是控制台中的错误：

错误在第132行和第25列

所以我认为在询问堆栈溢出之前应该检查代码，而不应该将整个代码粘贴到这里。拿出你认为有问题的零件，然后问我们

这里我取出了我认为有错误的代码。 祝你好运

if (points >= 4) {
          document.body.style.backgroundColor = "rgba(0,255,0,0.2)";
        } else { 
          document.body.style.backgroundColor = "rgba(255,0,0,0.1)";
        }

---

您应该将值包装为标签值，并使用NextSibling设置标签的颜色

我更新了强光下的所有正确答案。

answers[index].nextSibling.style.backgroundColor = "red";

var total_seconds=30*1；
var c_minutes=parseInt（总秒数/60）；
var c_seconds=parseInt（总秒数%60）；
无功定时器；
函数CheckTime（）{
document.getElementById（“剩余测验时间”）.innerHTML=
“剩余时间：”+c_分钟+“分钟”+c_秒+“秒”；
如果（总_秒=4）{
document.body.style.backgroundColor=“rgba（0255,0,0.2）”；
}否则{
document.body.style.backgroundColor=“rgba（255,0,0,0.1）”；
}
var q=document.getElementById（“p”）；
q、 style.fontSize=“40px”；
q、 style.textAlign=“中心”；
q、 innerHTML=
“你有”+
要点+
“超出”+
总数+
“
”+
“你用过”+
（29-数学楼层（总秒））+
“秒”；
返回false；
}

文件
.对{
边框：1px纯红；
背景色：红色；
}
1.足球比赛中有多少张黄牌等于一张红牌？
A.1

B2

C3

D4

2.足球比赛中有多少张黄牌等于一张红牌？
A.1

B2

C3

D4

3.足球比赛中有多少张黄牌等于一张红牌？
A.1

B2

C3

D4

4.足球比赛中有多少张黄牌等于一张红牌？
A.1

B2

C3

D4

5.足球比赛中有多少张黄牌等于一张红牌？
A.1

B2

C3

D4

6.足球比赛中有多少张黄牌等于一张红牌？
A.1

B2

C3

D4

您在

答案中的索引不正确<代码>答案

是表单中所有输入的数组，它不按问题分组。由于每个问题有4个可能的答案，因此特定问题的答案索引为

问题*4

到

问题*4+3

我不知道你为什么在调用该函数时在问题编号中添加2

我更改了你的HTML，在每个答案的文本周围加了一个空格。然后我使用CSS来改变颜色的背景

var total_seconds=30*1；
var c_minutes=parseInt（总秒数/60）；
var c_seconds=parseInt（总秒数%60）；
无功定时器；
函数CheckTime（）{
document.getElementById（“剩余测验时间”）.innerHTML=
“剩余时间：”+c_分钟+“分钟”+c_秒+“秒”；
如果（总_秒=4）{
document.body.style.backgroundColor=“rgba（0255,0,0.2）”；
}否则{
document.body.style.backgroundColor=“rgba（255,0,0,0.1）”；
}
var q=document.getElementById（“p”）；
q、 style.fontSize=“40px”；
q、 style.textAlign=“中心”；
q、 innerHTML=
“你有”+
要点+
“超出”+
总数+
“
”+
“你用过”+
（29-数学楼层（总秒））+
“秒”；
返回false；
}

。正确+span{
背景颜色：绿色；
}
.不正确的+span{
背景色：红色；
}

文件
1.足球比赛中有多少张黄牌等于一张红牌？
A.1

B2

C3

D4

2.在fo中有多少张黄牌等于一张红牌
answers[index].nextSibling.style.backgroundColor = "red";