জাভাস্ক্রিপ্টে তীর চিহ্ন সহ টেক্সট স্লাইডার

এখন আসুন তীর চিহ্ন সহ একটি টেক্সট স্লাইডার তৈরি করি। এর মানে হল যে টেক্সটটি টাইমার দ্বারা নয়, বরং একটি তীর চিহ্নে ক্লিক করে পরিবর্তিত হবে। আমাদের HTML কোডে তীর চিহ্নগুলি যোগ করা যাক:

<a href="" id="left">←</a>
<a href="" id="right">→</a>
<div id="slider"></div>

এই স্লাইডার সমাধানের প্রধান সূক্ষ্মতা হল যে টেক্সটগুলির কাউন্টার ভেরিয়েবলটি আমাদের তীর চিহ্নগুলির ক্লিক হ্যান্ডলারগুলির জন্য সাধারণ হতে হবে:

let i = 0; // বাহ্যিক ভেরিয়েবল

left.addEventListener('click', function() {
	// i 1 দ্বারা হ্রাস করুন
	// এবং i নম্বর সহ টেক্সট আউটপুট করুন
});
right.addEventListener('click', function() {
	// i 1 দ্বারা বৃদ্ধি করুন
	// এবং i নম্বর সহ টেক্সট আউটপুট করুন
});

এবং দ্বিতীয় সূক্ষ্মতা হল যে হ্রাস করার সময় i, এবং বৃদ্ধির সময় উভয় ক্ষেত্রেই, শূন্যের চেয়ে কম এবং অ্যারের শেষ উপাদানটির চেয়ে বেশি সংখ্যায় যাওয়া অসম্ভব।

বর্ণিত স্লাইডারটি বাস্তবায়ন করুন। এটি এমনভাবে তৈরি করুন যাতে টেক্সটগুলি একটি বৃত্তে ঘুরতে থাকে।

পূর্ববর্তী কাজটি পরিবর্তন করুন যাতে টেক্সটগুলি একটি বৃত্তে না ঘুরে, কেবল স্ক্রোল না হয় চরম ডান বা বাম অবস্থায় পৌঁছানোর পরে।