Есть тест, созданный через массив с объектами.
Правильные ответы подсвечены зеленым цветом. Нужно, чтобы при клике на кнопку "результат" выводилось кол-во правильных и неправильных ответов. Помогите пж-ста реализовать это через js.
https://jsfiddle.net/gd4zcpxw/
<!doctype html>
<html>
<head>
<title>Test 1</title>
<meta charset="utf-8">
</head>
<body>
<script>
var voprosi = [
{vopr: "Сколько лет ...", otvet: [1, 45, 99, 34], pravOtvet: 1},
{vopr: "Какой вес...", otvet: ["100kg", "120kg", "104kg", "110kg"], pravOtvet: 2},
];
for(var i = 0; i < voprosi.length; i ++){
var tekushiyVopros = voprosi[i];
var harciIndex = i + 1;
document.write("<p>" + harciIndex + ") " + tekushiyVopros.vopr + "</p>");
for(var j = 0; j < tekushiyVopros.otvet.length; j ++){
var patasxaniIndex = j + 1;
var yntacikPatasxaniGuyn = patasxaniIndex == tekushiyVopros.pravOtvet ? "green" : "red";
document.write("<p style='color: " + yntacikPatasxaniGuyn + "'>" + patasxaniIndex + ") <input type='radio' name='harc_" + harciIndex + "'>" + tekushiyVopros.otvet[j] + "</p>");
}
document.write("<br/>")
}
</script>
<input type="submit" value="Проверить" onclick="clic()">
</body>
</html>