title: iterating through image folder using javascript and adding the result in HTML
body: <p>Hey I am trying to figure out a way for me to add some media(images and videos) to my webpage. 
  I have a section where I add only images and videos, and it is HTML-based So I thought I could find a way to just create one folder for each section, add all the media in that folder, and then let Javascript do the work. 
  This is the script I have come up with so far. </p>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>var files = {'jpg':4};
  var pageName = "Wimoveh";
  for (var ext in files){
  for (var i = 0; i &lt; files[ext]; i++){
      var src = "Images/GalleryOne" + pageName + "-" + (i+1) + "." + ext;}
  }
  </code></pre>
  
  <p>This script looks in the folder GalleryOne for the picture with name Wimoveh with a '-' as separator and then iterates through all the content that matches that name and extension. 
  What I dont know is how to output the result in my HTML.</p>