Как изменять значение div по клику?

Question

[nen0y]

Как изменять значение div по клику?

https://jsfiddle.net/j79bna2k/

Есть три дива с текстом внутри, по клику должен меняться контент по очереди. Но когда показывается последний элемент, то смена контента должна прекратиться, аналогично и с первым.

Comments

[Сергей c0re]

а где пример вашей реализации?

Но когда показывается последний элемент, то смена контента должна прекратиться, аналогично и с первым.

последний элемент чего? показывается где именно? "аналогично и с первым" что, как?

вывод данных из массива? не с первого элемента? замкнутый в кольцо?

Answer 1

[Сергей c0re]

как-то так:

document.querySelector("button").addEventListener("click", e => {
	const items = document.querySelectorAll(".item");
  const first = items[0].textContent;
  [...items].map((el, i) => {
    el.textContent = (i < items.length - 1) ? items[i+1].textContent : first;
  });
})

допилите по вкусу, т.к. не понял

Но когда показывается последний элемент, то смена контента должна прекратиться, аналогично и с первым.