Looping through images array and showing them to HTML page
<p>I'm facing issues with my JS code and I hope you guys can help me help me. All I want to do is loop 5 images stored in an array, and post them to my HTML page, basically.</p>

<p>JS:</p>

<pre><code>function functieArray(){
    for (i = 0; i &lt; imgArray.length; i++) {
        imgArray[i];
    }
    document.getElementById("pozeGallery").innerHTML = imgArray.src;
};

var imgArray = new Array();
imgArray[0] = new Image();
imgArray[0].src = 'img/Gallery/poza0.jpg';

imgArray[1] = new Image();
imgArray[1].src = 'img/Gallery/poza1.jpg';

imgArray[2] = new Image();
imgArray[2].src = 'img/Gallery/poza2.jpg';

imgArray[3] = new Image();
imgArray[3].src = 'img/Gallery/poza3.jpg';

imgArray[4] = new Image();
imgArray[4].src = 'img/Gallery/poza4.jpg';
</code></pre>

<p>HTML: </p>

<pre><code>&lt;button onclick='functieArray()' class='galleryButons'&gt;Category 1&lt;/button&gt;
      &lt;div id='pozeGallery'&gt; &lt;/div&gt;
</code></pre>