document.querySelectorAll('.transform-item').forEach(item => {

item.addEventListener('click', function {

this.classList.toggle('active');

const nextState = this.getAttribute('data-next');

this.setAttribute('data-next', this.innerHTML);

this.innerHTML = nextState;

});

});