embaralha
v0.4.1
Published
Shuffles characters in given html element, then restores it's original text
Downloads
10
Readme
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.