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:

html<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:

javascriptlet 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.