Scrambling Text
A very simple JavaScript library written in vanilla js for scrambling text.
Demo Page 
Table of Contents
Installation
This module is distributed via npm which is bundled with node
npm i scrambling-text
Examples
Basic Example
// load 'scrambling-text' module.
import Scrambler from 'scrambling-text';
// create an instance of Scrambler.
const scrambler = new Scrambler();
// define a handler that is called whenever text is scrambled.
const handleScramble = (text) => {
console.log(text);
}
// call scramble function with the text to be scrambled and handler.
scrambler.scramble('- Friedrich Nietzsche -', handleScramble);
// call scramble with the option to set the characters to use when scrambled.
scrambler.scramble(text, handleScramble, {
characters: ['a', 'b', 'c'],
});
// Scrambler provides several characters.
console.log(Scrambler.CHARACTERS.DEFAULT);
console.log(Scrambler.CHARACTERS.ALPHABET);
React Example
import React, { useRef, useState, useEffect } from 'react';
// load 'scrambling-text' module.
import Scrambler from 'scrambling-text';
export default function ScramblingText() {
// define the text to be scrambled as state.
const [text, setText] = useState('- Friedrich Nietzsche -');
// create an instance of Scrambler using useRef.
const scramblerRef = useRef(new Scrambler());
useEffect(() => {
// call scramble function with the text to be scrambled and handler.
scramblerRef.current.scramble(text, setText);
}, []);
return (
<h1>
{text}
</h1>
);
}
4 May 3, 2022
14 Jan 3, 2023
196 Dec 20, 2022
8 Nov 2, 2022
14 Dec 24, 2022
56 Dec 4, 2022
2 Sep 13, 2022
5 Sep 9, 2022
7.1k Jan 2, 2023
1 Dec 16, 2020