JSFiddle - React, Tailwind, and code Playground

HTML

<div id="placeholder" style="height:100%;width:100%"></div>

CSS

.images {
    height: 200px;
    width: 300px;
}

JavaScript

window.onload = function () {
   
    var imgs = ["http://1funny.com/wp-content/uploads/2009/03/piglets_2.jpg",
                "http://amolife.com/image/images/stories/Animals/Animal/Cute_Piglets_Pictures_3.jpg",
                "http://www.latoro.com/wallpapers/animals/15070-desktop-wallpapers-piglets.jpg",
               "http://goodology.com/wp-content/uploads/2013/09/Bunny-with-Piglets-I.png"];
    
    // loop through the images 
    for (i = 0; i < imgs.length; i++) {
        // and create a new image on the page for each one
        document.getElementById("placeholder").innerHTML += "<img src='" + imgs[i] + "' class='images'></img>";
    }
}