Ajouter un gestionnaire d'événements à un tableau

Question

Je souhaite que l'utilisateur clique sur le bouton "Suivant" pour passer à la question suivante. Le problème ici est quand je clique sur le bouton, il montre seulement la première question. Où est le problème? Je sais que 'return' renvoie le résultat à la fonction, mais la prochaine fois que j'appuie sur le bouton, l'itérateur (i) n'est pas i + 1?

var changeQuestion = function() { 
    for (var i = 0; i < allQuestions.length; i++) { 
     var newNode = document.createTextNode(allQuestions[i].question); 
     return question_paragraph.replaceChild(newNode, question_paragraph.firstChild); 
    } 
}; 

EventUtil.addHandler(next_button, 'click', changeQuestion); 

Answer 1

Essayez ceci:

var i = -1; 
function changeQuestion() { 
    i = (i < allQuestions.length) ? (i+1) : -1; 
    var newNode = document.createTextNode(allQuestions[i].question); 

    return question_paragraph.replaceChild(newNode, question_paragraph.firstChild); 
} 
EventUtil.addHandler(next_button, 'click', changeQuestion);