embaralha

Shuffles characters in given html element, then restores it's original text. Embaralha means "to shuffle" in portuguese.

As you can observe in this GIF, I strongly recomend that you use a monospace font ;)

Instalation

npm i embaralha or just grab the index.js file.

Usage

If you want to shuffle the text in the mouseover event, you could do it like this:

import { embaralha } from 'embaralha';
const elem = document.querySelector('.your-embaralha-class');
elem.addEventListener('mouseover', async () => embaralha(elem, 1000));

Contributing

Any contribution is welcome, just make sure the tests (npm test) are passing, but don't worry about the webdriver tests (the ones in the test/specs dir). And if you'd be so kind, write your tests for your additions.

Also, you can run it locally with npm start and then going to http://localhost:8080

To Do

• ~don't change char when white space ("respect the words")~
• bug fix when mouseover multiple times causing loss of orinal text
• use webdriver properly
• use eslint
• ~lower the dist file size~
• add to microjs

License

MIT License found in LICENSE file.