For loop through Array only shows last value

Question

I\'m trying to loop through an Array which then uses innerHTML to create a new

element for every entry in the array. Somehow my code is only showing the last value from

Answer 1

Change your for loop:

for (i = 0; i <= (n-1); i++) {
    var list = names[i];
    var myList = document.getElementById("list");
    myList.innerHTML += "<li class='list-group-item' id='listItem'>"+ list + "</li>" + "<br />";
}

Use += instead of =. Other than that, your code looks fine.