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

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;
  });
})

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