Форум

Ewigkeit13 · #1 (**permalink**) 15.09.2014, 12:51

Здравствуйте, подскажите пожалуйста, как сделать так, чтобы при нажатии на кнопку данные формы менялись.

Задача подробнее. Нужно создать тест, но не простой. Вначале выводится один вопрос, после того, как пользователь выберет правильный ответ, он нажимает кнопку "Следующий вопрос", после чего предыдущий вопрос исчезает и появляется новый и так много раз.

Подскажите пожалуйста, как это реализовать. Заранее благодарен.

skrudjmakdak · #2 (**permalink**) 15.09.2014, 12:55

для начала сверстай html и покажи

krasovsky · #3 (**permalink**) 15.09.2014, 12:59

Если в общем смысле - руками при непосредственной поддержке клавиатуры и головного мозга.
А если по-конкретнее то написать соответствующий html и пару-тройку js-функций. Реализация может быть совершенно разной в зависимости от используемых технологий (серверный язык или только Html). В любом случае не ждать тут "готового"

Ewigkeit13 · #4 (**permalink**) 16.09.2014, 05:05

Вот простой код, без оценки результатов теста. Нужно чтобы каждый новый вопрос появлялся на месте предыдущего без обновления страницы, после нажатия на кнопу. Подскажите пожалуйста

Код:

<html>
		<head> 
		<title>Тестирование</title>		
		</head>

	<body>
	
	<form>
	
	<p>Сколько букв в Русском алфавите:</p> 
			<input type="radio" name="v1" value="0" >27</input>		<br/>  
			<input type="radio" name="v1" value="0" >38</input>		<br/>
			<input type="radio" name="v1" value="1" >33</input>		<br/> 
			<input type="radio" name="v1" value="0" >32</input>		<br/>		
	</p>
	
		<br/>

	<p>Первый месяц года – это:</p>
		<input type="radio" name="v2" value="1" >Январь</input>		<br/> 
		<input type="radio" name="v2" value="0" >Май</input>			<br/>
		<input type="radio" name="v2" value="0" >Ноябрь</input>		<br/>
		<input type="radio" name="v2" value="0" >Февраль</input>		<br/>
	</p>
	
		<br/>
		
	<p>Сколько звезд в солнечной системе?</p>
		<input type="radio" name="v3" value="1" >1</input>			<br/> 
		<input type="radio" name="v3" value="0" >много</input>		<br/>
		<input type="radio" name="v3" value="0" >12657</input>		<br/>
		<input type="radio" name="v3" value="0" >9857413</input>		<br/>
	</p>
	
		<br/>	
		
	<p>Сколько дней в феврале високосного года?<p>
		<input type="radio" name="v4" value="0" >27</input>			<br/> 
		<input type="radio" name="v4" value="0" >30</input>			<br/>
		<input type="radio" name="v4" value="0" >28</input>			<br/>
		<input type="radio" name="v4" value="1" >29</input>			<br/>
	</p>
	
		<br/>	
	
	
		<input type="button" command= prew()  value="<--Туда" ></input>	
		<input type="button" 'onClick= next()' value="Сюда -->" ></input>
	
	</form>
		
	</body>

</html>

skrudjmakdak · #5 (**permalink**) 16.09.2014, 08:32

шаблон накидал как должно быть:

<html>
	<head> 
		<title>Тестирование</title>		
	</head>

	<body>
		<p>Мой вопрос</p> 
		<div><input type="radio" name="v1" value="0" ><span>текст ответа 1</span></div>
		<div><input type="radio" name="v1" value="0" ><span>текст ответа 2</span></div>
		<div><input type="radio" name="v1" value="1" ><span>текст ответа 3</span></div>
		<div><input type="radio" name="v1" value="0" ><span>текст ответа 4</span></div>
		<input type="button" onclick="prew()"  value="<--Туда" ></input>	
		<input type="button" onclick="next()" value="Сюда -->" ></input>
		<script>
var num = -1; //номер вопроса на экране
var data = [{//здесь вам надо сформировать массив объектов типа:
	question: 'мой вопрос',
	number: 3 //номер правильного ответа
	myResp: undefined, //то что ответит ваш опрашиваемый
	resp: ['ответ 1', 'ответ 2','ответ 3','ответ 4']//ответы
}];

//здесь вам надо найти ваши инпуты
var input = ...

//переместим вопрос на первый
next();

//функции, которые буду вызываться при нажатии на кнопку
function prev () {
	console.log('prev'); //проверим работоспособность
	//вам надо написать функцию
}

function next () {
	console.log('next');
	//вам надо написать функцию
}
		</script>
	</body>

</html>

Ewigkeit13 · #6 (**permalink**) 18.09.2014, 04:44

Подскажите пожалуйста, как сделать смену вопросов.

Код:

<html>

<head> <title> ТЕСТ </title>

</head>

<body>

<script type="text/javascript">

var vopros;
	vopros = {
		question: "Сколько месяцев в году?",
		coranswer: 3,
		useranswer: undefined,
		answers: ['12', '13', '11', '24'],
		};
		
var vopros1;
	vopros1 = {
		question: "Сколько Букафф в русском алфавите?",		
		coranswer: 4,
		useranswer: undefined,
		answers: ['27', '33', '32', '34'],
		};		
		
	var num;
	num = -1;
	
	
	function next() {
			num ++;
			}
		
</script>


<p> <script type="text/javascript"> document.write(vopros.question)</script> <p>
<div><input type="radio" name="<script> vopros.number</script>"><script>document.write(vopros.answers[0])</script></div>
<div><input type="radio" name="<script> vopros.number</script>"><script>document.write(vopros.answers[1])</script></div>
<div><input type="radio" name="<script> vopros.number</script>"><script>document.write(vopros.answers[2])</script></div>
<div><input type="radio" name="<script> vopros.number</script>"><script>document.write(vopros.answers[3])</script></div>

<input type="button" onclick="next()"  value="Туда -->"></input>

</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript