Caricamento di immagini tramite callback asincroni in JavaScript

Implementiamo la funzione loadImage, che caricherà le immagini. Lasciamo che il primo parametro di questa funzione accetti il percorso dell'immagine, e il secondo - una callback, che verrà eseguita quando l'immagine sarà caricata:

loadImage('img.png', function() {
	// verrà eseguito al caricamento dell'immagine
});

Lasciamo che nel primo parametro della nostra callback venga passato un riferimento all'elemento DOM dell'immagine, e nel secondo - un errore, se si verifica una situazione eccezionale:

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

Possiamo utilizzare la nostra funzione nel seguente modo:

loadImage('image.png', function(image, err) {
	document.body.append(image); // posizioneremo l'immagine al caricamento
});

O con la gestione della situazione eccezionale:

loadImage('image.png', function(image, err) {
	if (!err) {
		document.body.append(image);
	} else {
		console.log('si è verificato un errore: ' + err);
	}
});

Implementate la funzione loadImage. Utilizzate per questo il codice per il caricamento delle immagini che avete studiato in precedenza.