Реализовать простой вариант теста. На начальном этапе тест пуст. Пользователь при запуске страницы или в ответ на другое действие по очереди добавляет вопрос в тест, имеющие однозначные ответы («Да» или «Нет»). После создания теста, запустить его и вывести результат прохождения.
Реализация должна отвечать следующим требованиям:
- Тест является объектом
- Объект имеет набор свойств (вопрос, шкала баллов, результаты ..), которые являются массивами, и методов (добавление вопросов в тест, удаление вопросов, очистка ...)
<html>
<head>
<title>Test</title>
<script language="javascript" type="text/javascript">
var count=-1;
var points=0;
var itemSelected=1;
aArray1=['Вариант1','Вариант1','Вариант1','Вариант1'];
aArray2=['Вариант2','Вариант2','Вариант2','Вариант2'];
aArray3=['Вариант3','Вариант3','Вариант3','Вариант3'];
qArray=['Вопрос1','Вопрос2','Вопрос3','Вопрос4'];
rArray1=['2','1','2','3'];
rArray2=['3','2','1','2'];
rArray3=['1','3','3','1'];
function goNext(e)
{
var pts=(eval('rArray'+itemSelected+'['+(count)+']'));
if (pts) points=points+Number(pts);
if ((count+1)==qArray.length) {
checkResults();
return;
}
if((count+1)==(qArray.length-1)){
var bt=document.getElementById("btn");
bt.value='Показати результати';
}
count++;
var count1=document.getElementById("counter");
var sp0=document.getElementById("question");
var sp1=document.getElementById("answer1");
var sp2=document.getElementById("answer2");
var sp3=document.getElementById("answer3");
sp0.innerHTML=qArray[count];
sp1.innerHTML=aArray1[count];
sp2.innerHTML=aArray2[count];
sp3.innerHTML=aArray3[count];
count1.innerHTML=count+1;
}
function checkResults(){
alert('Всего очков='+points);
}
</script>
</head>
<body onLoad="javascript:goNext();">
<center><SPAN id="counter"></SPAN>. <SPAN id="question"></SPAN></center><br /><br />
<input type="radio" name="opt" id="opt1" onClick="javascript:itemSelected=1;"><SPAN id="answer1"></SPAN><br/>
<input type="radio" name="opt" id="opt2" onClick="javascript:itemSelected=2;"><SPAN id="answer2"></SPAN><br/>
<input type="radio" name="opt" id="opt3" onClick="javascript:itemSelected=3;"><SPAN id="answer3"></SPAN><br/>
<br />
<input id="btn" type="button" onClick="javascript:goNext()" value="Далее" />
</body>
</html>