What we can do for your business

<script>

class TextScrambler {

constructor(container) {

this.container = container;

this.paragraphs = container.querySelectorAll('p');

this.originalTexts = Array.from(this.paragraphs).map(p => p.textContent);

this.isAnimating = false;

this.bindEvents();

}

shuffleString(str) {

let arr = str.split('');

for (let i = arr.length - 1; i > 0; i--) {

const j = Math.floor(Math.random() * (i + 1));

[arr[i], arr[j]] = [arr[j], arr[i]];

}

return arr.join('');

}

async animateAll() {

if (this.isAnimating) return;

this.isAnimating = true;

for (let i = 0; i < 3; i++) {

this.paragraphs.forEach((p, index) => {

p.textContent = this.shuffleString(this.originalTexts[index]);

});

await new Promise(resolve => setTimeout(resolve, 100));

}

this.paragraphs.forEach((p, index) => {

p.textContent = this.originalTexts[index];

});

this.isAnimating = false;

}

bindEvents() {

this.container.addEventListener('mouseenter', () => this.animateAll());

}

}

});

});

</script>