JSFiddle - React, Tailwind, and code Playground

HTML

<div id="imageDiv">
</div>

JavaScript

var sources = ['http://i.imgur.com/qNRcqpo.jpg?1', 'http://i.imgur.com/iXTvWhX.jpg']  ;
var images = {};
    var loadedImages = 0;
    var numImages = sources.length;
    
debugger
    for (var src in sources) {
        images[src] = document.createElement("img");;
        images[src].id = src;
        images[src].onload = function () {
          debugger
          
            if (++loadedImages >= numImages) {
                functionTobeCalled();
            }
           
        };
        images[src].src = sources[src];
         $('#imageDiv').append(images[src]);
    }

function functionTobeCalled (){
alert('all images loaded');
}