JavaScript'те жеңилдик менен текст слайдери
Эми текст слайдерин жеңилдик менен жасайлы. Бул деген текст таймер менен эмес, жеңилдикти басуу менен алмашып турат. HTML кодго жеңилдиктерди кошолу:
<a href="" id="left">←</a>
<a href="" id="right">→</a>
<div id="slider"></div>
Бул слайдерди чыгаруунун негизги жагдайы - тексттерди эсептөөчү өзгөрмө биздин жеңилдиктердин чыкылдатуу иштеткичтери үчүн жалпы болушу керек:
let i = 0; // тышкы өзгөрмө
left.addEventListener('click', function() {
// i'ни 1ге кемитүү
// жана i номери менен текстти чыгаруу
});
right.addEventListener('click', function() {
// i'ни 1ге көбөйтүү
// жана i номери менен текстти чыгаруу
});
Экинчи жагдайы, i азайганда да,
көбөйгөндө да, нөлдөн кичине жана массивдин акыркы
элементинен чоң сандарга чыгууга болбойт.
Сүрөттөлгөн слайдерди ишке ашырыңыз. Тексттер тегерек боюнча айланып турушун кылыңыз.
Мурунку тапшырманы ошондой өзгөртүңүз, тексттер тегерек боюнча айланбасын, акыркы оң же сол абалга жеткенде гана токтоп калсын.