Q:

How to make a js array list, print it one by one?

For a small game I'm making, the array list needs to be put in a html element, one by one when giving the correct answer inside an input field. When the answer is wrong, the word needs to be printed with a transparant color.
I already tried using a for loop, but this outputs all strings at once, instead of one by one. I read that I should use ++, but don't know how.
It should print the words one by one, in the right order (so the sentence becomes readable). The code doesn't give any errors at the moment, but doesn't give the desired result.

form.onsubmit = (e) => {
    var essay = ["Slow", "Reading - ", "Carolyn", "Strauss", "By", "definition,", "‘reading’", "goes", "well", "beyond", "the", "grasping", "of", "written", "characters", "and", "the", "realm", "of", "ideas", "they", "express.", "Applied", "to", "environments,", "systems,", "and", "relationships,", "‘reading’"];
    var tekst = "";
    var i;
    for (i = 0; i < essay.length; i++) {
      tekst += essay[i];
    }
    if (input.value === text.style.color) {
      goodAnswers++;
      document.getElementById("essaywords").innerHTML = essay[i];
    }
    // here you do what ever supposed to happen after a good answer
    else {
      badAnswers++;
      document.getElementById("essaywords").innerHTML = "False!";
      // here you do what ever supposed to happen after a wrong answer


      setColor();
    }

A:

what i understood from your question is the array words are rinting all together with out any space .
for (i = 0; i < essay.length; i++) {
    tekst += " " + essay[i];

  }

in the loop add a Space 

