Indlæsning af billeder via asynkrone callbacks i JavaScript

Lad os implementere funktionen loadImage, som vil indlæse billeder. Lad den første parameter modtage stien til billedet, og den anden - en callback, der udføres, når billedet er indlæst:

loadImage('img.png', function() {
	// udføres når billedet er indlæst
});

Lad den første parameter i vores callback modtage et link til DOM-elementet for billedet, og den anden - en fejl, hvis der opstår en undtagelsessituation:

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

Vi kan bruge vores funktion på følgende måde:

loadImage('image.png', function(image, err) {
	document.body.append(image); // placer billedet efter indlæsning
});

Eller med håndtering af undtagelsessituationer:

loadImage('image.png', function(image, err) {
	if (!err) {
		document.body.append(image);
	} else {
		console.log('der opstod en fejl: ' + err);
	}
});

Implementer funktionen loadImage. Brug den kode til indlæsning af billeder, som du har lært om tidligere.