ტექსტის სლაიდერი ისრებით JavaScript-ში
ახლა კი გავაკეთოთ ტექსტის სლაიდერი ისრებით. ეს ნიშნავს, რომ ტექსტი იცვლება არა ტაიმერით, არამედ ისრის დაწკაპუნებით. დავამატოთ ისრები ჩვენს HTML კოდში:
<a href="" id="left">←</a>
<a href="" id="right">→</a>
<div id="slider"></div>
ამ სლაიდერის ამოხსნის მთავარი დეტალი ისაა, რომ ტექსტების საათანცვლო ცვლადი უნდა იყოს ზოგადი ჩვენი ისრების დაწკაპუნების დამმუშავებლებისთვის:
let i = 0; // გარე ცვლადი
left.addEventListener('click', function() {
// i-ს ერთით შემცირება
// და i ნომრის მქონე ტექსტის გამოტანა
});
right.addEventListener('click', function() {
// i-ს ერთით გაზრდა
// და i ნომრის მქონე ტექსტის გამოტანა
});
ხოლო მეორე დეტალი ისაა, რომ როგორც i-ის შემცირების,
ასევე გაზრდის დროს, არ შეიძლება გასვლა
ნულზე ნაკლებ რიცხვებში და მასივის ბოლო ელემენტზე
მეტ რიცხვებში.
განახორციელეთ აღწერილი სლაიდერი. გახადეთ ისე, რომ ტექსტები წრეზი იმოძრაონ.
შეცვალეთ წინა ამოცანა ისე, რომ ტექსტები არ იმოძრაონ წრეზე, არამედ უბრალოდ არ გადაირეკოლოთ შემდგომ უკიდურეს მარჯვენა ან მარცხენა მდგომარეობაზე მისაღწევად.
