Как при каждом клике взаимодействовать с каждым элементом массива?

Question

[Vasya-prijevalskij]

У меня есть массив фотографий:

const imgs = document.querySelectorAll('.imgs'),

Хочу при каждом клике на кнопку взаимодействовать с фотографиями поочередности. Первый клик - взаимодействие с первым фото, второй - со вторым фото и тд
Пытался реализовать это так, но как и ожидалось у меня получилось взаимодействовать только с первым элементом из массива:

function move(i = 0) {
 imgs[i].style.left = "-100%"
}
btn.addEventListener('click', ()=> {
  move();
 });

Как мне реализовать эту задачу?

Comments

[Сергей Сергей]

const imgs = [...document.querySelectorAll('.imgs')];

function move() {
  const i = imgs.shift();
  i.style.left = "-100%";
  imgs.push( i );
}

[Vasya-prijevalskij]

Сергей Сергей, спасибо, но я получаю ошибку imgs.shift is not a function

[Алексей Дубровин]

Vasya-prijevalskij, Значит вы что-то делаете не так.

[Vasya-prijevalskij]

Алексей Дубровин, да, вы правы. Допустил ошибку)

[Vasya-prijevalskij]

Сергей Сергей, спасибо, большое. Работает

[Vasya-prijevalskij]

Сергей Сергей, а не могли бы рассказать, за что отвечает imgs.push( i )? Интересно было бы)

[Сергей Сергей]

это надо гуглить, ёпрст.

[Vasya-prijevalskij]

Сергей Сергей, как грубо)