JSFiddle - React, Tailwind, and code Playground

by b9chris

HTML

<textarea>
            codes['0'] = "n n n w w n w n n";
            codes['1'] = "w n n w n n n n w";
            codes['2'] = "n n w w n n n n w";
            codes['3'] = "w n w w n n n n n";
            codes['4'] = "n n n w w n n n w";
            codes['5'] = "w n n w w n n n n";
            codes['6'] = "n n w w w n n n n";
            codes['7'] = "n n n w n n w n w";
            codes['8'] = "w n n w n n w n n";
            codes['9'] = "n n w w n n w n n";
            codes['A'] = "w n n n n w n n w";
            codes['B'] = "n n w n n w n n w";
            codes['C'] = "w n w n n w n n n";
            codes['D'] = "n n n n w w n n w";
            codes['E'] = "w n n n w w n n n";
            codes['F'] = "n n w n w w n n n";
            codes['G'] = "n n n n n w w n w";
            codes['H'] = "w n n n n w w n n";
            codes['I'] = "n n w n n w w n n";
            codes['J'] = "n n n n w w w n n";
            codes['K'] = "w n n n n n n w w";
            codes['L'] = "n n w n n n n w w";
            codes['M'] = "w n w n n n n w n";
            codes['N'] = "n n n n w n n w w";
            codes['O'] = "w n n n w n n w n";
            codes['P'] = "n n w n w n n w n";
            codes['Q'] = "n n n n n n w w w";
            codes['R'] = "w n n n n n w w n";
            codes['S'] = "n n w n n n w w n";
            codes['T'] = "n n n n w n w w n";
            codes['U'] = "w w n n n n n n w";
            codes['V'] = "n w w n n n n n w";
            codes['W'] = "w w w n n n n n n";
            codes['X'] = "n w n n w n n n w";
            codes['Y'] = "w w n n w n n n n";
            codes['Z'] = "n w w n w n n n n";
            codes['-'] = "n w n n n n w n w";
            codes['.'] = "w w n n n n w n n";
            codes[' '] = "n w w n n n w n n";
            codes['*'] = "n w n n w n w n n";
            codes['$'] = "n w n w n w n n n";
            codes['/'] = "n w n w n n n w n";
            codes['+'] = "n w n n n w n w n";
        ...

CSS

body {
    font: 10pt Verdana;
}

textarea {
    width: 100%; height: 100%;
    position: absolute;
}

JavaScript

var lines = $('textarea').val().split('\n');
var o = [];
$.each(lines, function(i, line) {
    if (line.indexOf('codes') < 0)
        return;
    
    line = line.substr(line.indexOf("'") + 1);
    var char = line.substr(0, line.indexOf("'"));
    
    line = line.substr(line.indexOf('"') + 1);
    line = line.substr(0, line.indexOf('"'));
    line = line.replace(/ /g, '');
    var s = '';
    for (var i = 0; i < line.length; i++) {
        if (i % 2 == 0)
            s += (line.charAt(i) == 'n' ? '0' : '1');
        else
            s += (line.charAt(i) == 'n' ? '' : '-');
    }
               
    line = char + ' ' + s;
    o.push(line);    
});

$('textarea').val(o.join('\n'));