Как мне правильно присвоить значение вопроса в JS абзацу моего HTML-кода? ⇐ Html

[Anonymous]

Я пытаюсь создать тест на 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