Print array list values with loop to div dynamically

arrays, javascript, jquery

Solution

function incidentList(){
  var full_list = ""
  for(var i=0; i<desc.length; ++i){
      full_list = full_list + desc[i] + '<br>'
  }
  $("#container").text(full_list);     
}

Problem

I have an array called desc that contains some text for each of it's values and change's length and values depending on what the user clicks on. array: ``` desc[0] = "manhole cover on foothpath on barrog gaa grounds kilbarrack road loose." desc[1] = "Footpath at driveway to 17 Maywood Lawn in bad state of disrepair." ``` I would like to display these array values in a div called #container. At the moment it just prints the last value of the array in #container rather that printing each of the the values in the list. JavaScript: ``` function incidentList(){ for(var i=0; i<desc.length; ++i){ $("#container").text(desc[i]); } } ``` Html: ``` <div id="container" style="width: 50%; height:97%; float:right;"></div> ``` How should I go about printing the full list with each array value underneath the last using a loop?

Original source