JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">

</div>

JavaScript

const loadImage = (src, img) => {
	return new Promise((resolve, reject)=> {
  	img.src = src
  	img.onload = () => {
    	resolve(img);
    }
    img.onerror = reject;
  })
  
}

const img = document.createElement('img');
loadImage('http://deelay.me/1000/https://fakeimg.pl/640x360', img)
	.then((img) => {
  	const parent = document.getElementById('parent');
  	document.getElementById('parent').append(img);
    parent.append(document.createElement('p', "The image loaded now"));
  })