title: Print All For Loop Array Values to Inner HTML
body: <p>I would like to print some array values to the screen inside a container div.  The loop below is only printing the final array value "dog" to the screen.  </p>
  
  <p>I can't seem to work out the problem here?</p>
  
  <p>JS</p>
  
  <pre><code>var arr = ["mouse", "cat", "dog"];
  var holder = document.getElementById("holder");
  
  for ( var i=0; i &lt; arr.length; i+=1 ) {
  
  holder.innerHTML = "&lt;p&gt;" + arr[i] + "&lt;/p&gt;&lt;br/&gt;" ;
  
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="holder"&gt;&lt;/div&gt;
  </code></pre>