JSFiddle - React, Tailwind, and code Playground

by Andrew Lyndem

HTML

<div id="x">div</div>
<button id='a'>add</button>
<button id='b'>minus</button>

JavaScript

let i = 0;
let x = document.getElementById('x');

const increment = (div) => {
    x.classList.remove("move" + i++);
    x.classList.add("move" + i);
}

const decrement = (div) => {
   let className = x.getAttribute("class");
   let hasClass = className.indexOf('move') >= 0;
    if(hasClass === true && i > 0)
      x.classList.replace((className),("move" + --i));

}

const btnA = document.querySelector('#a');
const btnB = document.querySelector('#b');

btnA.addEventListener('click', increment);
btnB.addEventListener('click', decrement);