Я хочу изменить это на то, что написано в массиве каждый раз, когда нажимается следующая кнопка вопроса

Question

Итак, у меня есть 4 области в HTML: Вопросы, Заметки, Button1, Button2. У меня есть Объект со значениями для каждого в их собственных массивах:

var list = {
    1: ['This is question 1', 'These are notes 1', 'this is answer 1A', 'this is answer 1B'],
    2: ['This is question 2', 'These are notes 2', 'this is answer 2A', 'this is answer 2B']

}; 

Когда я нажимаю кнопку следующего вопроса, я хочу, чтобы значения менялись на следующую строку объекта. Вот моя функция:

var i = 0;

function nextQuestion() {
    i += 1;    
    document.getElementById('question').innerHTML = list.i[0];
    document.getElementById('notes').innerHTML = list.i[1];
    document.getElementById('btn1').value = list.i[2];
    document.getElementById('btn2').value = list.i[3]; 
}

Я знаю, что я близко, но я новичок и не знаю, что мне нужно здесь делать.

МОЖЕТ БЫТЬ ЗА L OOP ???

Спасибо

Answer 1

Измените list.i[0]; на list[i][0];, и оно должно работать.