Почему этот слайдер не работает?

Когда нажимаю на 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>


Ответы (0 шт):