JavaScriptでの非同期コールバックによる画像の読み込み

画像を読み込む関数 loadImage を実装してみましょう。この関数の最初のパラメータは画像へのパスとし、 2番目のパラメータは、画像の読み込みが完了したときに実行されるコールバックとします：

loadImage('img.png', function() {
	// 画像の読み込み時に実行されます
});

コールバックの最初のパラメータには画像のDOM要素への参照を渡し、 2番目のパラメータには、例外が発生した場合のエラーを渡すようにしましょう：

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

私たちの関数は次のように使用できます：

loadImage('image.png', function(image, err) {
	document.body.append(image); // 読み込み完了時に画像を配置します
});

または、例外処理を行うこともできます：

loadImage('image.png', function(image, err) {
	if (!err) {
		document.body.append(image);
	} else {
		console.log('エラーが発生しました: ' + err);
	}
});

関数 loadImage を実装してください。実装には、以前に学んだ画像読み込みのコードを使用してください。