Memuat Gambar melalui Callback Asinkron di JavaScript

Mari kita implementasikan fungsi loadImage, yang akan memuat gambar. Biarkan parameter pertama fungsi ini menerima path ke gambar, dan parameter kedua - callback, yang akan dieksekusi ketika gambar selesai dimuat:

loadImage('img.png', function() {
	// akan dieksekusi saat gambar selesai dimuat
});

Biarkan parameter pertama callback kita menerima referensi ke elemen DOM gambar, dan parameter kedua - error, jika terjadi situasi pengecualian:

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

Kita dapat menggunakan fungsi kita dengan cara berikut :

loadImage('image.png', function(image, err) {
	document.body.append(image); // menempatkan gambar setelah selesai dimuat
});

Atau dengan penanganan situasi pengecualian:

loadImage('image.png', function(image, err) {
	if (!err) {
		document.body.append(image);
	} else {
		console.log('terjadi error: ' + err);
	}
});

Implementasikan fungsi loadImage. Gunakan untuk ini kode untuk memuat gambar yang telah Anda pelajari sebelumnya.