每次按下下一个问题按钮时，我都想将其更改为数组中写入的内容

Question

So I have 4 areas in the HTML: Questions, Notes, Button1, Button2. I have an Object with values for each in their own arrays:

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']

}; 

When I click the next question button, I want the values to change to the next line of the object Here is my function:

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]; 
}

I know that I'm close, but I'm a beginner and don't know what I need to do here.

MAYBE A FOR LOOP???

Thanks

Answer 1

Change list.i[0]; to list[i][0]; and it should work.