Display messages from a list sequentially

Question

I created this function random, but as I’m still learning JS... I’m confused.

This code causes the above variables to appear in mode Random. But how do I get them to appear normal one by one without being Random...?

(function() {
  var quotes = [
    {
      text: "  apenas <span class='text-primary'><strong>15 moedas.</strong></span>",
    },          
    {
      text: "evolua connosco! <i class='fas fa-heart'></i>.",
    },  
    {
      text: " Procura alugar uma casa de f&eacute;rias? Visite eira Vacation</span>.</a>",
    },          
    {
      text: "  Compre j&aacute; em <a href=''><span class='text-primary'>Comprar Moedas</span>.</a>",
    }          

  ];
  function random() {
    var quote = quotes[Math.floor(Math.random() * quotes.length)];
    document.getElementById("quote").innerHTML =
    '<i class="fas fa-graduation-cap"></i> ' + quote.text + '';
  }
  random(); // Executa a primeira vez.
  setInterval(random, 4000);
})();

---

Editing

  function random() {

    var quote = quotes[Math.floor(Math.random() * quotes.length)];
  }

  for(var i = 0; i < quotes.length; i++) { 
        document.getElementById("quote").innerHTML = '<i class="fas fa-graduation-cap"></i> ' + quote.text + '';        
  }    

  random();

Answer 1

Just create a loop to scroll through the array sequentially:

for(var i = 0; i < quotes.length; i++) quote = quotes[i];

It is not necessary to place repeated instructions between keys because it is just an instruction. But if you need more, it is done like this:

for(var i = 0; i < quotes.length; i++) {
  //Funções aqui
}

Reminder: When creating this variable i in the loop, it only exists in the loop!