петля через массив с кнопкой в ​​титане

Question

Я студент, поэтому я приношу свои извинения за задание такого простого вопроса. Я пытаюсь сделать кнопку «следующей и„предыдущей“, что петли через массив по одному.

var food = ["pasta", "Salad", "Apple", "Pizza"]; 
    counter=0; 

    var displayAlert = function(){ 
     for (var i=0, item; i<food.length; i++) { 
     item = food[i]; 
     quoteText.text=food[i]; 
} 
};  

    var quoteView = Ti.UI.createView({ 
    backgroundColor: "#fff", 
    height: 150, 
    top: 50, 
    left: 20, 
    right: 20, 
    borderRadius: 5 

}); 


var quoteText = Ti.UI.createLabel({ 
    text: "click below to begin", 
    font: {fontSize: 20, fontFamily: "Arial"}, 
    textAlign: "center" 
}); 
    quoteView.add(quoteText); 
    mainWindow.add(quoteView); 



buttonPrevious.addEventListener("click", displayAlert); 
buttonNext.addEventListener("click", displayAlert); 

Answer 1

Так что я работал через код с моим инструктором, хотя я буду брать ноль это задание , кто-то может извлечь выгоду из моего несчастья.

var food = ["pasta", "Salad", "Apple", "Pizza"]; 
    counter=0; 

    var displayAlert = function(){ 
     console.log (counter); 
    quoteText.text=food[counter]; 
    if (counter === food.length-1){ 
     counter=0; 
    } 
    else {counter=counter+1}; 
};  
    var getPrevious = function(){ 
     quoteText.text=food[counter]; 
    if (counter === 0){ 
     counter=food.length-1; 
    } 
    else {counter=counter-1}; 

}; 
    var quoteView = Ti.UI.createView({ 
    backgroundColor: "#fff", 
    height: 150, 
    top: 50, 
    left: 20, 
    right: 20, 
    borderRadius: 5 

}); 


var quoteText = Ti.UI.createLabel({ 
    text: "click below to begin", 
    font: {fontSize: 20, fontFamily: "Arial"}, 
    textAlign: "center" 
}); 
    quoteView.add(quoteText); 
    mainWindow.add(quoteView);