JSFiddle - React, Tailwind, and code Playground

by rexable

HTML

<input id='input' type='text' />
<div id="result"></div>

JavaScript

var x = 0,
    y = 0,
    m = 8,
    alnum = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz._',
    alnumMatrix = new Array(m);

for ( i = 0; i < 8; i++ ){
    alnumMatrix[i] = new Array(m);
    for ( j = 0; j < 8; j++ ) {
        alnumMatrix[i][j] = alnum[i*m+j];
    }
}

$('#input').keyup(function(){
    $('#result').text($(this).val());
});