Cześć,
Co tu jest źle.. przerzuca mi od 0-2 (w zasadzie do X bo to nie ma znaczenia) ale już od X do 0 nie.. tzn przerzuca ale również do przodu... oto kod... wytłumaczcie mi dlaczego tak się dzieje. oto kod:
const slideList = [{
img: "images/img1.jpg",
text: 'Pierwszy tekst'
},
{
img: "images/img2.jpg",
text: 'Drugi tekst'
},
{
img: "images/img3.jpg",
text: 'Trzeci tekst'
}];
const img = document.querySelector('img.slider');
const h1 = document.querySelector('h1');
const dots = document.querySelectorAll('span');
const time = 30000;
let active = 1;
const changeSlide = () => {
if(active === slideList.length){
active = 0;
}
img.removeAttribute('img');
img.setAttribute("src", slideList[active].img);
h1.textContent = slideList[active].text;
dots.forEach(el => {
el.classList.remove('active');
})
dots[active].classList.add('active');
active++;
}
setInterval(changeSlide, time);
// Sprawdź kod klawisza
// window.addEventListener('keydown', function(e){
// console.log(e.keyCode);
// });
/**
* Jutro -- Popracuj nad przełączeniem slidów poprzez strzałki
*
*/
window.addEventListener('keydown', (e) => {
if(e.keyCode === 39) {
console.log(`Strzałka w prawo ----> e.keyCode = ${e.keyCode}`);
if(active === slideList.length + 1){
active = 0;
changeSlide();
}
active = active++;
changeSlide();
}
if (e.keyCode === 37) {
console.log(`Strzałka w lewo <---- e.keyCode: ${e.keyCode}`);
// console.log(active);
if (active === -1) {
active = slideList.length;
console.log(`if active = -1: ${active}`);
} else {
active = active--;
}
changeSlide();
}
});