JavaScript ile Ok İçeren Metin Slaytı
Şimdi metin slaytını oklarla yapalım. Bu, metnin bir zamanlayıcı yerine bir oka tıklandığında değişeceği anlamına gelir. HTML kodumuza okları ekleyelim:
<a href="" id="left">←</a>
<a href="" id="right">→</a>
<div id="slider"></div>
Bu slaytın çözümündeki ana incelik, metinlerin sayaç değişkeninin oklarımızın tıklama işleyicileri için ortak olması gerektiğidir:
let i = 0; // dış değişken
left.addEventListener('click', function() {
// i'yi 1 azalt
// ve i numaralı metni yazdır
});
right.addEventListener('click', function() {
// i'yi 1 artır
// ve i numaralı metni yazdır
});
İkinci incelik ise, hem azaltmada hem de
artırmada, i sıfırdan küçük sayılara ve
dizinin son elemanından büyük sayılara çıkılamamasıdır.
Açıklanan slaytı uygulayın. Metinlerin dairesel şekilde dönmesini sağlayın.
Önceki görevi, metinlerin dairesel şekilde dönmemesi, sadece en sağ veya en sol konuma ulaşıldığında daha ileriye kaydırılmaması şeklinde değiştirin.
