Почему этот слайдер не работает?
Когда нажимаю на next, count++ не работает.
const requestURL = 'https://jsonplaceholder.typicode.com/photos'
function sendRequest(url) {
return (fetch(url).then(response => {
return response.json()
}))
}
let arrimg = [];
let count = 0;
sendRequest(requestURL)
.then(data => {
data = data.slice(0, 10);
// console.log(data)
let div = document.createElement('div');
document.body.append(div);
for (let i = 0; i < data.length; i++) {
arrimg.push(data[i].url);
}
for (let i = 0; i < arrimg.length; i++) {
let imgs = document.createElement('img');
div.append(imgs);
imgs.src = arrimg[i];
let next = document.querySelector('#next');
next.addEventListener('click', function() {
count++
arrimg[i] = arrimg[count]
});
next.addEventListener('click', function() {
count--
arrimg[i] = arrimg[count]
});
if (i != count) {
imgs.style.display = 'none'
}
}
});
<button id="back">BACK</button>
<button id="next">NEXT</button>