JSFiddle - React, Tailwind, and code Playground

by sazakharov

HTML

<div class="wrapper">
  <div class="item">First</div>
  <div class="item">Second</div>
  <div class="item">Third</div>
</div>
<nav>
  <button> [ prev ] </button>
</nav>

JavaScript

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