<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<style type="text/css">
.tt {color: green; font-weight: bold;}
.ff {color: red; font-weight: bold;}
</style>
<title>Šūna</title>
</head>
<body>
<script>
var questions = [ // Сначала вопрос, потом варианты через запятую, потом правильный ответ
["Kas atrodas apkārt jebkurai šūnai?",
"Membrāna",
"Šūnapvalks",
"Recekļaina viela",
2],
["Kura šūnas sastāvdaļa ir gan audu, gan dzīvnieku šūnās?",
"Plastīdas",
"Citoplazma",
"Vakuolas",
3],
["Kuras šūnas var redzēt bez mikroskopa?",
"Citrona šūnas",
"Cūkas aknu šūnas",
"Lapas pamataudu šūnas",
3],
["Kurai šūnas sastāvdaļai noteikti jābūt šūnās, kas spēj pašas veidot sev nepieciešamās barības vielas no neorganiskajām vielām?",
"Kodols",
"Hloroplasti",
"Mitohondriji",
2],
["Kuri dzīvības procesi notiek šūnās?",
"Elpošana",
"Barošanās",
"Vielu transports",
1]
], qQuantity = questions.length, tAnswers = 0, wAnswers = 0;
function goNext(N) {
document.getElementById('qBlock').innerHTML = "";
var qElem = questions[N].length-2, i=1;
var e = document.getElementById('qBlock');
var addQ = document.createElement('h3');
addQ.id = 'head' + N;
e.appendChild(addQ);
document.getElementById('head' + N).innerHTML = questions[N][i-1];
while (qElem >= i) {
var addP = document.createElement('p');
addP.id = 'p' + i;
e.appendChild(addP);
var addInput = document.createElement('input');
addInput.type = 'radio';
addInput.name = 'a';
addInput.value = i;
document.getElementById('p' + i).appendChild(addInput);
document.getElementById('p' + i).insertAdjacentHTML("BeforeEnd", ' '+questions[N][i]);
i++;
}
document.getElementById('btn').innerHTML = "<input type='button' value='Pārbaudīt' onclick='submit("+N+")' />";
}
function submit(N) {
var varQuantity = (document.getElementsByName('a').length), oneVar = 0;
while (oneVar <= varQuantity) {
if (document.getElementsByName('a')[oneVar].checked == false) {
oneVar++;
}
else {
var all = questions[N].length-1;
var t = questions[N][all];
if (document.getElementsByName('a')[oneVar].value == t) {
document.getElementById('p' + t).className = 'tt';
tAnswers++;
} else {
var ff = oneVar+1;
document.getElementById('p' + t).className = 'tt';
document.getElementById('p' + ff).className = 'ff';
wAnswers++;
}
break;
}
}
N++;
if (N == qQuantity) {
document.getElementById('btn').innerHTML = "<input type='button' id='next' value='Rezultāti' onclick='toResults()' />";
} else {
document.getElementById('btn').innerHTML = "<input type='button' id='next' value='Nākamais jautājums' onclick='goNext("+N+")' />";
}
}
function toResults() {
document.getElementById('qBlock').innerHTML = "<h3>Tests beigts</h3>";
document.getElementById('btn').innerHTML = "<h4>Rezultāti:</h4>Pareizu atbildes: "+tAnswers+"<br>Nepareizu atbildes: "+wAnswers+"<br><p>Atkartot velereiz?</p><input type='button' value='Ja!' onclick='goNext(0)' />";
tAnswers = 0, wAnswers = 0;
}
</script>
<div id="qBlock" align="center">
<h2>1.uzdēvums</h2>
</div>
<div id="btn" align="center">
<input value="Sākt!" onclick="goNext(0)" type="button"></div>
</body>
</html>
Как сделать в конце в результатах проценты(кол-во правельных ответов/кол-во всех ответов*100)?
