Как сделать при каждом клике чтобы цифры увеличивались на 1 и при этом крутились по кругу от 0 до 2?

Question

[Сергей К]

let playNum = 0;
const playList = [{title: 'Aqua Caelestis'}, {title: 'Aqua Caelestis'}, {title: 'Aqua Caelestis'}]

playNext.addEventListener("click", function playNext(e) {
	if (playNum === 0) {
		playNum = 0;
	} else if (playList.length >= playNum) {
		playNum++;
	} else {
		playNum = 0;
	}
});

Как сделать чтобы при каждом клике значение playNum увеличивалось на единицу, а когда число в playNum
превысит длина массива значение playNum стало равным нулю. Таким образом счетчик станет зацикленным

Comments

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

playNum = ( playNum + 1 ) % playList.length

[Сергей К]

Сергей Сергей, тогда получается
playNum = ( playNum + 1 ) % playList.length
playNum = ( 0+ 1 ) % 3 // 33
playNum = ( 1+ 1 ) % 3 // 66
playNum = ( 2+ 1 ) % 3 // 0

бессмыслица какая-то

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

в консоли надо испытать следующие строки по отдельности, что-то я не верю, что наши браузеры считают по-разному.

( 0 + 1 ) % 3;
( 1 + 1 ) % 3;
( 2 + 1 ) % 3;
( 3 + 1 ) % 3;
( 4 + 1 ) % 3;

[Сергей К]

Сергей Сергей, странно в консоли работает, разве не должен остаток показываться... Там на самом деле длина всегда разная, можно ли применить подход в таком случае?

Answer 1

[Владимир Овчинников]

let playNum = 0;
const playList = [{title: 'Aqua Caelestis'}, {title: 'Aqua Caelestis'}, {title: 'Aqua Caelestis'}]

playNext.addEventListener("click", function playNext(e) {
  if (playNum < playList.length) {
    playNum++;
  } else {
    playNum = 0;
  }
});

Comments

[Сергей К]

if (playNum + 1 < playList.length) {
вот так доработал и заработало спасибо

[Владимир Овчинников]

Сергей К, if (playNum <= playList.length) вот так, наверно. Спешил, поэтому не углядел