Тема: Javascript Test
Показать сообщение отдельно
  #1 (permalink)  
Старый 19.04.2012, 12:16
Новичок на форуме
Отправить личное сообщение для andreyandreevuch Посмотреть профиль Найти все сообщения от andreyandreevuch
 
Регистрация: 19.04.2012
Сообщений: 2

Javascript Test
Реализовать простой вариант теста. На начальном этапе тест пуст. Пользователь при запуске страницы или в ответ на другое действие по очереди добавляет вопрос в тест, имеющие однозначные ответы («Да» или «Нет»). После создания теста, запустить его и вывести результат прохождения.
Реализация должна отвечать следующим требованиям:
- Тест является объектом
- Объект имеет набор свойств (вопрос, шкала баллов, результаты ..), которые являются массивами, и методов (добавление вопросов в тест, удаление вопросов, очистка ...)

<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>

Последний раз редактировалось andreyandreevuch, 19.04.2012 в 12:32.
Ответить с цитированием