ტექსტის სლაიდერი ისრებით JavaScript-ში

ახლა კი გავაკეთოთ ტექსტის სლაიდერი ისრებით. ეს ნიშნავს, რომ ტექსტი იცვლება არა ტაიმერით, არამედ ისრის დაწკაპუნებით. დავამატოთ ისრები ჩვენს HTML კოდში:

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

ამ სლაიდერის ამოხსნის მთავარი დეტალი ისაა, რომ ტექსტების საათანცვლო ცვლადი უნდა იყოს ზოგადი ჩვენი ისრების დაწკაპუნების დამმუშავებლებისთვის:

javascriptlet i = 0; // გარე ცვლადი

left.addEventListener('click', function() {
  // i-ს ერთით შემცირება
  // და i ნომრის მქონე ტექსტის გამოტანა
});
right.addEventListener('click', function() {
  // i-ს ერთით გაზრდა
  // და i ნომრის მქონე ტექსტის გამოტანა
});

ხოლო მეორე დეტალი ისაა, რომ როგორც i-ის შემცირების, ასევე გაზრდის დროს, არ შეიძლება გასვლა ნულზე ნაკლებ რიცხვებში და მასივის ბოლო ელემენტზე მეტ რიცხვებში.