let left = document.querySelector('.left');
let right = document.querySelector('.right');
let img = document.querySelector('.imgs');
let imgs = document.querySelectorAll('img');

let index = 0;


function rightimg() {
  right.addEventListener('click', function () {
    index++;
    if (index > imgs.length - 1) {
      index = 0;
    }
    img.style.transform = `translateX(${-index * 500}px)`;
    console.log(img);
  });
}

// setInterval(rightimg, 2000);

left.addEventListener('click', function () {
  index--;
  if (index < 0) {
    index = imgs.length - 1;
  }
  img.style.transform = `translateX(${-index * 500}px)`;
  console.log(img);
});