Как создать тест на javascript чтобы при проверке выводился не только результат но и правильные и неправильные ответы?

Question

[Aigerim1108]

Помогите пожалуйста. Внизу оставлю CSS и Javascript

<style>
	.box {
  	display: inline-block;
  	width: 200px;
  	border: 1px solid #000;
  	text-align: center;
  	padding: 5px 10px;
}
.box.good {
  background: #b5ffa9;
}

	.box.bad {
  background: #FC2626;
}
</style>
<SCRIPT language=JavaScript>
	<!--
	 var key = "122021321011421130221141421021421222220201";
	 function getRes() {
  	 var res = 0
  	 for (var i=0; i < (document.forms.length - 1); i++) {
    	if (document.forms[i].q[key.charAt(i)].checked) 
    	{
    	res++;
		div.classList.add('good');}
		else
		{
		res=res;
        div.classList.add('bad');
    	}
    	alert("Правильных ответов: " + res);
    	}
 //-->
</SCRIPT>

Answer 1

[Comsequent]

После var res = 0
var ans =[];
И, соответственно в if, если условие совпадает
ans.push(q[key.charAt(i)])

А зачем CSS?

Comments

[Aigerim1108]

CSS потому что хотела чтобы границы неправильных ответов стали красными а правильных ответов зелеными

[Aigerim1108]

Правильно ли я написала?

[Comsequent]

Aigerim1108,да. Только границы ответов - border-color.
Сколько состояний Вы хотите отметить?
Если только два, то класс bad лишний.

.box {
  	display: inline-block;
  	width: 200px;
  	border: 1px solid #000;
  	text-align: center;
  	padding: 5px 10px;
        background: #FC2626;
}

Т.о все они, изначально " неправильные". И лишь те что пройдут проверку получат класс good, и перекрасятся.

[Aigerim1108]

Я хотела сделать так чтобы после того как ответили на все вопросы теста то есть отметили все радиобаттоны и после нажатия кнопки результат на экран (в другом файле или в этом же файле) вышли результат и еще варианты ответов правильные неправильные покрасились цветами

[Aigerim1108]

Не получается

[Comsequent]

Aigerim1108, что именно "не получается"?
html покажите, пожалуйста