Ladda bilder med asynkrona callbacks i JavaScript

Låt oss implementera funktionen loadImage, som kommer att ladda bilder. Låt den första parametern vara sökvägen till bilden, och den andra - en callback som körs när bilden har laddats:

loadImage('img.png', function() {
	// körs när bilden har laddats
});

Låt den första parametern i vår callback vara en referens till bildens DOM-element, och den andra - ett fel, om ett undantag inträffar:

loadImage('img.png', function(image, err) {
	console.log(image, err);
});

Vi kan använda vår funktion på följande sätt:

loadImage('image.png', function(image, err) {
	document.body.append(image); // placera bilden när den laddats
});

Eller med hantering av undantag:

loadImage('image.png', function(image, err) {
	if (!err) {
		document.body.append(image);
	} else {
		console.log('ett fel inträffade: ' + err);
	}
});

Implementera funktionen loadImage. Använd den kod för att ladda bilder som du tidigare studerat.