जावास्क्रिप्ट में टेक्स्ट स्लाइडर
इस भाग में हम स्लाइडर बनाने पर काम करेंगे। हम सबसे सरल से शुरू करेंगे और धीरे-धीरे जटिल बनाते जाएंगे।
सबसे पहले हम एक टेक्स्ट स्लाइडर बनाएंगे। यह स्लाइडर एक डिव के रूप में होगा, जिसमें हर सेकंड टेक्स्ट बदलता रहेगा:
<div id="slider"></div>
स्लाइडर के लिए टेक्स्ट हम एक ऐरे में संग्रहित करेंगे:
let texts = ['text1', 'text2', 'text3'];
समाधान का एल्गोरिदम निम्नलिखित होगा: एक टाइमर शुरू करना होगा जो हर सेकंड हमारे डिव में ऐरे का एक नया एलिमेंट डालेगा - पहले पहला, फिर दूसरा, फिर तीसरा, और फिर फिर से पहला और इसी तरह चक्र में चलता रहेगा।
वर्णित स्लाइडर को लागू करें।