<body>
<div id="message"></div>
<button id="button"></button>
</body>
<script>
function QuizForm() {
this.message = document.getElementById('message')
this.button = document.getElementById('button')
this.messages = {
start: 'Привет. ответишь на вопрос?',
questions: [
'Это вопрос',
'Это еще вопрос'
],
button: {
start: 'Начать',
next: 'Сделующий',
stop: 'Кончить'
}
}
this.start = false
this.question = 0
}
QuizForm.prototype = {
init: function () {
this.button.onclick = () => { // если тут functin(), тогда нужно var self = this...
if (!this.start) this.start = true
else if (this.start && this.question !== this.messages.questions.length - 1) this.question++
else {
this.start = false
this.question = 0
}
this.setState();
}
this.setState();
},
setText: function (text, el) {
el.innerText = text
},
setState: function () {
if (!this.start) {
this.setText(this.messages.start, this.message)
this.setText(this.messages.button.start, this.button)
} else if (this.start && this.question !== this.messages.questions.length - 1) {
this.setText(this.messages.questions[this.question], this.message)
this.setText(this.messages.button.next, this.button)
} else {
this.setText(this.messages.questions[this.question], this.message)
this.setText(this.messages.button.stop, this.button)
}
}
}
quiz = new QuizForm();
quiz.init();
</script>
у меня так получилось ) + есть следующий вопрос