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 ফাংশনটি বাস্তবায়ন করুন। এর জন্য আপনি আগে শেখা ইমেজ লোড করার কোড ব্যবহার করুন।