|
Цитата:
|
|
Как сделать так, чтобы скрывался предыдущий параграф и показывался следующий. Идентификаторы тут уже не помогут.
|
Почему не помогут?
Самое простое - при нажатии на кнопку далее увеличивать переменную. Что-то вроде:
var i = 1;
document.getElementById('next').onclick = function() {
document.getElementById(i).style.display='none';
i++;
document.getElementById(i).style.display='block';
}
Где элемент с id='next' - это кнопка. Плюс в конце добавить проверку на то, чтоб i не превышало количество вопросов теста.
А вообще, id нет надобности использовать. Достаточно получить список вопросов (NodeList) и по нему ходить:
var i = 0,
questions = document.getElementsByTagName('p');
document.getElementById('next').onclick = function() {
if(i === questions.length - 1) {
return false;
}
questions[i].style.display='none';
i++;
questions[i].style.display='block';
}