перейти к следующему индексу массива, используя onclick в Javascript

Question

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

Мне нужна помощь в настройке функции, которая продвигается к следующему индексу массива. Благодаря!

(функция() {

var students =[      //array of information 
    {name:'john', 
    address:{ 
     address:'821 Imaginary St', 
     city:'Chicago', 
     state:'Il'}, 
    gpa:[4.0,3.5,3.8]}, 

    {name:'jim', 
    address:{ 
     address:'127 fake Rd', 
     city:'Orlando', 
     state:'Fl'}, 
     gpa:[2.5,3.3,3.6]}]; 

    var redBut = document.querySelector('.buttonred'); 
redBut.onclick = getInfo; 
var count = 0; 

    function getInfo(){ 

     var stn = students[0]; 
     if(count<3){ 
     count++; 

     document.getElementById('name').innerHTML = 'Name: ' + stn.name;   //this is what is to be displayed when the button is clicked 
     document.getElementById('address').innerHTML = 'Address: ' + stn.address.address + " " + stn.address.city + ", " + stn.address.state; 
     document.getElementById('gpa').innerHTML = 'GPA: ' + stn.gpa[0] +", " + stn.gpa[1] + ", " + stn.gpa[2]; 
     document.getElementById('date').innerHTML = 'Date: ' + d.toLocaleDateString(); 
     document.getElementById('gpaavg').innerHTML = 'Average GPA: ' + gpas; 

}

}

Answer 1

Я думаю, что вы хотите: var stn = students[count];

И не: var stn = students[0];

(DOH)

!