Lasting av bilder gjennom asynkrone callbacks i JavaScript

La oss implementere funksjonen loadImage, som skal laste bilder. La den første parameteren ta en sti til bildet, og den andre - en callback, som vil utføres når bildet er lastet:

loadImage('img.png', function() {
	// vil utføres når bildet er lastet
});

La den første parameteren i callbacken vår få en lenke til DOM-elementet til bildet, og den andre - en feil, hvis det oppstår en unntakssituasjon:

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

Vi kan bruke funksjonen vår som følger:

loadImage('image.png', function(image, err) {
	document.body.append(image); // plasserer bildet når det er lastet
});

Eller med håndtering av unntakssituasjon:

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

Implementer funksjonen loadImage. Bruk koden for lasting av bilder som du har studert tidligere. koden for lasting av bilder.