Показать сообщение отдельно
  #16 (permalink)  
Старый 06.01.2017, 12:43
Интересующийся
Отправить личное сообщение для Darya_kod Посмотреть профиль Найти все сообщения от Darya_kod
 
Регистрация: 10.07.2016
Сообщений: 21

Вот тот пример, который я уже выкладывала выше. По очень дельным советам наших комментаторов я его подправила. И просто хочу понять, в чем тут нестыковка. Почему картинки не меняются.
Либо под тестовым вы имели ввиду что-то иное?

<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>
<body>

<div style="margin-top: 10px;">

		<div id="area" class="wrapper1">
		
          <button id="start" class="myBut" onclick="check(countQuest)">Пройти тест</br>"Художники и окружение"</button>       

			<center>			
			

               <img src="111.jpg" id="question-image">
				<p id="question"></p>
				
				
			<!--	<button onclick="check(0)" class="myButton" id="option1" hidden></button> </br>
				
				<button onclick="check(1)" class="myButton" id="option2" hidden></button> </br>
				
				<button onclick="check(2)" class="myButton" id="option3" hidden></button> </br>-->
				<ul style="list-style-type:none;">
				<li><button onclick="check(0)" id="option1"><name="answers" ><span></span> </li>
				<li><button onclick="check(1)" id="option2"><name="answers" > <span></span> </li>
				<li><button onclick="check(2)" id="option3"><name="answers" > <span></span>  </li>
				</ul>
			</center>
			<div id="rez"></div>	
		</div>
	
</div>


//делаем отображение вопросов-ответов невидимыми при входе
document.getElementsByTagName("center")[0].style.display = "none";

//Массив вопросов
var questions = ["1. На одной из последних работ Эдуарда Мане была изображена строящеяся Эйфелева башня",
"2. Детство Поля Гогена прошло в Перу","3. Хаим Сутин, Юдаль Пэн, Марк Шагал, Леон Бакст, Валентин Волков, Язэп Дроздович - все эти художники родились на территории современной Беларуси",
"4. На одной из самых больших картин мира \"Явление Христа народу\", Александр Иванов одного из персонажей написал с Гоголя", "5. Дега любил писать балерин, Моне пруды и кувшинки, а кого называли \"художником воды\""];

//Массивы вариантов ответов
var number1 = ["Нет, такой картины у него нет", "Нет,он родился и детство провел в Париже. В экзотических странах он жил уже только в зрелом возрасте","Да, все эти выдающиеся художники родились на территории Беларуси", "Да, он очень дружил с Гоголем и попросил его позировать для картины", "Альфред Сислей"];	
var number2 = ["Да, но это была одна из его ранних картин","Да, и это возможно и повлияло на его творческого мирооощущение","Нет, Валентин Волков и Леон Бакст родились за пределами современной Беларуси", "Нет, так как этот персонаж есть на его набросках еще до того, как он познакомился с писателем", "Камиль Писсарро"];	
var number3 = ["Да, конечно, Мане писал башню, как Моне вокзал Сен-Лазар","Нет, его детство прошло в Чили","Нет, Валентин Волков и Юдаль Пэн родились за пределами современной Беларуси", "На картине нет персонажа похожего на Гоголя, да и Иванов не был с ним даже знаком", "Фредерик Базиль"];	
				
//Массив правильных ответов
var answer = [0,1,2,1,0];

var countQuest = 0;
var plus = 0;
//var images = [];

var Im = ['111.jpg','112.jpg','113.jpg','114.jpg','115.jpg'];

for (var i=0; i<=5; i++) {
    Im.img.src = Im.src;
};
	
function check(num){
	
	if (num == 0)
	{
		//при первом входе делаем видимыми наши вопрос-ответы
		document.getElementsByTagName("center")[0].style.display = "block";	
	}
   
   if(num == answer[countQuest]) plus++;

	if (countQuest == questions.length)
	{ //вывод результата	
	//делаем отображение вопросов-ответов невидимыми при выводе результата
		document.getElementsByTagName("center")[0].style.display = "none";
		rez.innerHTML = rez.innerHTML + "<br/>Правильных ответов:" + plus +" из 5";
	}
	
	else
	{//вывод текущих вопросов
	    	
		document.getElementById('question').innerHTML = questions[countQuest];
		document.getElementById('option1').getElementsByTagName("span")[0].innerHTML = number1[countQuest];
		document.getElementById('option2').getElementsByTagName("span")[0].innerHTML = number2[countQuest];
		document.getElementById('option3').getElementsByTagName("span")[0].innerHTML = number3[countQuest];
		document.getElementById('question-image').src = images[countQuest];
	
		countQuest++;		
	}	
	
				
}
Ответить с цитированием