notOldFagFromRussia,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.question{
display: none;
}
.question.show{
display: block;
}
</style>
<script>
window.addEventListener('DOMContentLoaded', function() {
var getQuestions = document.querySelectorAll(".question"),
i = 0,
len = getQuestions.length - 1
nextQuestButton = document.querySelector('.next_quest');
nextQuestButton.addEventListener('click', function(event) {
event.preventDefault();
if(i < len) {
getQuestions[i++].classList.remove("show");
getQuestions[i].classList.add("show");
}
});
});
</script>
</head>
<body>
<div class="questions">
<div class="question question_one show" >Как дела?</div>
<div class="question question_two" >Сколько лет?</div>
<div class="question question_three" >Скучаешь?</div>
<div class="question question_four" >Гул го?</div>
</div>
<a href="#" class="button next_quest" >Следующий вопрос</a>
</body>
</html>