JSFiddle - React, Tailwind, and code Playground

HTML

<input id='input' value='I love you'/>
<button id='obfuscate'>obfuscate</button>
<br/>
<textarea id='obfuscated'></textarea>

CSS

#obfuscated {
    width: 100%;
    height: 350px;
}

JavaScript

var obfuscateMap = {
    'a': ['(([]===[])+/-/)[1]'],
    'b': ['(1+{})[(1<<1)+1]'],
    'c': ['(1+{})[1+11>>>1]','(-{}+{})[-1+1e1-1]'],
    'e': ['([]+![])[1<<1<<1]','([,][~1]+[])[1-~1]'],
    'f': ['([]+/-/[(!!1+[])[1>>1]+(!!1+[])[1<<1^1]+(!1+[])[1|1<<1]+(!!1+[])[1^1]])[1^1]'],
    'i': ['/\\[[^1]+\\]/[([]+![])[1<<1<<1]+(/|/[(1+{})[1+11>>>1]+[[]+{}][+!1][1]+([]+1/[])[1<<1>>1]+([1<1]+[])[1+11>>>1+1]+[[!!1]+1][+[]][1-1]+([]+!!/!/)[1|1]+(/1/[1]+[])[!1%1]+(-{}+{})[-1+1e1-1]+(1+[!!1])[1]+([]+1+{})[1<<1]+[!!/!!/+[]][+[]][1&1]]+/=/)[1e1+(1<<1|1)+(([]+/-/[(!!1+[])[1>>1]+(!!1+[])[1<<1^1]+(!1+[])[1|1<<1]+(!!1+[])[1^1]])[1^1]==+!1)]+(!![]+{})[1|1<<1]+[1+{}+1][!1+!1][(11>>1)+1]](([]+/-/[(!!1+[])[1>>1]+(!!1+[])[1<<1^1]+(!1+[])[1|1<<1]+(!!1+[])[1^1]]))[1&.1][(11>>>1)-1]'],
    'I': ['[[]+1/!1][1^1][1>>1]'],
    'j': ['(1+{})[1<<1+1]'],
    'l': ['([]+!!-[])[1<<1]'],
    'n': ['([]+1/[])[1<<1>>1]'],
    'o': ['[[]+{}][+!1][1]','([]+1+{})[1<<1]','[/~/+{}][+!1][-~1<<1]','[[],[]+{}][1<<1>>>1][1||1]'],
    'O': ['[[]+{}][+!1][(1<<1<<1)+(1<<1<<1)]','[[]+{}][+!1][(1<<1<<1<<1)]'],
    'r': ['([]+!!/!/)[1|1]','[!!/!!/+[]][+[]][1&1]'],
    's': ['([1<1]+[])[1+11>>>1+1]'],
    't': ['[[!!1]+1][+[]][1-1]','(1+[!!1])[1]'],
    'u': ['(/1/[1]+[])[!1%1]','(/[<+>]/[1&1|1]+[1.1])[1/11.1&1.11]'],
    'v': ['/\\[[^1]+\\]/[([]+![])[1<<1<<1]+(/|/[(1+{})[1+11>>>1]+[[]+{}][+!1][1]+([]+1/[])[1<<1>>1]+([1<1]+[])[1+11>>>1+1]+[[!!1]+1][+[]][1-1]+([]+!!/!/)[1|1]+(/1/[1]+[])[!1%1]+(-{}+{})[-1+1e1-1]+(1+[!!1])[1]+([]+1+{})[1<<1]+[!!/!!/+[]][+[]][1&1]]+/=/)[1e1+(1<<1|1)+(([]+/-/[(!!1+[])[1>>1]+(!!1+[])[1<<1^1]+(!1+[])[1|1<<1]+(!!1+[])[1^1]])[1^1]==+!1)]+(!![]+{})[1|1<<1]+[1+{}+1][!1+!1][(11>>1)+1]](([]+/-/[(!!1+[])[1>>1]+(!!1+[])[1<<1^1]+(!1+[])[1|1<<1]+(!!1+[])[1^1]]))[1&.1][11>>>1]'],
    'x':...