Я пытаюсь создать тест на JavaScript, вопросы помещаются в объект, и теперь мне нужно отобразить их в абзаце. Через определенное время он переходит к следующему вопросу в списке.
Но по какой-то причине, когда я пробую это, это просто пустой текст. Я раньше не работал с объектами в JS, поэтому не уверен, что делаю неправильно.
Все остальное должно быть хорошо, пока все работает нормально, и в абзаце правильно отображается текст, если я просто помещаю обычную строку.
const questions = [
{
q1: "question1",
ra1: "right answer 1",
wa1: "wrong answer 1"
},
{
q2: "question2",
ra2: "right answer 2",
wa2: "wrong answer 2"
},
{
q3: "question3",
ra3: "right answer 3",
wa3: "wrong answer 3"
}
]
var start = document.getElementById("start")
var question = document.getElementById("question")
var o1 = document.getElementById("o1")
var o2 = document.getElementById("o2")
var i = 0
var clicked = false
o1.addEventListener("click", checkclicked)
o2.addEventListener("click", checkclicked)
function checkclicked(){
clicked = true
}
start.addEventListener("click", startTimer)
function startTimer(){
startInterval = setTimeout(startTimer, 6000)
start.disabled = true
o1.hidden = false
o2.hidden = false
switch(i){
case 0:
question.textContent = questions.q1
break
case 1:
question.textContent = questions.q2
break
case 2:
question.textContent = questions.q3
break
}
i++
if(clicked == true){
clearTimeout(startInterval)
clicked = false
return
}
if(i > 6){
clearTimeout(startInterval)
start.disabled = false
o1.hidden = true
o2.hidden = true
i = 0
clicked = false
return
}
}
Подробнее здесь: https://stackoverflow.com/questions/798 ... -my-html-c
