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