title: How to add images from a JSON file to HTML using JavaScript
body: <p>I have a JSON file which includes 3 images however I am struggling to find an example on how to get them to display on my web page using JavaScript. 
  My JSON file includes : </p>
  
  <pre><code>{
    "tiles" : [
    {
      "img" : "example1.jpg"
    },
    {
      "img" : "example2.jpg"
    },
    {
      "img" : "example3.jpg"
    }
   ]
  } 
  </code></pre>
  
  <p>My HTML includes: </p>
  
  <pre><code>       &lt;div class="tile-image1"&gt;&lt;/div&gt;
         &lt;div class="tile-image2"&gt;&lt;/div&gt;
         &lt;div class="tile-image3"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And I have retrieved my JSON data through: </p>
  
  <pre><code>var requestURL = "https://api.myjson.com";
  var request = new XMLHttpRequest();
  request.open('GET', requestURL);
  request.responseType = 'json';
  request.send();
  </code></pre>
  
  <p>So what I am trying to achieve is to display an "img" to the class "tile-image1", a second "img" to the class "tile-image2", etc. Any help would be great. </p>