JavaScript'те асинхрондук коллбэктер аркылуу сүрөттөрдү жүктөө

Келгиле, loadImage функциясын ишке ашыралы, ал сүрөттөрдү жүктөйт. Бул функция биринчи параметр катары сүрөттүн жолун кабыл алсын, экинчиси - коллбэк, ал сүрөт жүктөлгөндө аткарылат:

loadImage('img.png', function() {
	// сүрөт жүктөлгөндө аткарылат
});

Коллбэкүбүздүн биринчи параметрине сүрөттүн DOM элементинин шилтемеси түшсүн, экинчисине - өзгөчө кырдаал болсо, ката:

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 функциясын ишке ашырыңыз. Бул үчүн сиз мурун үйрөнгөн сүрөттөрдү жүктөө үчүн кодду колдонуңуз.