Slider Teks dengan Panah di JavaScript

Sekarang mari kita buat slider teks dengan panah. Artinya, teks akan berganti bukan berdasarkan timer, melainkan dengan mengklik panah. Mari tambahkan panah ke kode HTML kita:

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

Kompleksitas utama dalam menyelesaikan slider ini adalah bahwa variabel penghitung teks harus bersifat umum untuk penangan klik panah kita:

javascriptlet i = 0; // variabel eksternal

left.addEventListener('click', function() {
  // kurangi i sebesar 1
  // dan tampilkan teks dengan nomor i
});
right.addEventListener('click', function() {
  // tambahkan i sebesar 1
  // dan tampilkan teks dengan nomor i
});

Dan kompleksitas kedua adalah bahwa baik saat mengurangi i, maupun saat menambah, tidak boleh melebihi angka kurang dari nol dan lebih dari elemen terakhir array.