JSFiddle - React, Tailwind, and code Playground

by marlanga

HTML

<div id="log"></div>

JavaScript

var Teclado = {
    CURSOR_ARRIBA : false,
    CURSOR_ABAJO : false,
    CURSOR_DERECHA : false,
    CURSOR_IZQUIERDA : false,
    ESPACIO : false,
    establecer : function ( keyCode, booleano ) {
        switch( keyCode ) {
                case 32:
                    Teclado.ESPACIO = booleano;
                    break;
                case 37:
                    Teclado.CURSOR_IZQUIERDA = booleano;
                    break;
                case 38:
                    Teclado.CURSOR_ARRIBA = booleano;
                    break;
                case 39:
                    Teclado.CURSOR_DERECHA = booleano;
                    break;
                case 40:
                    Teclado.CURSOR_ABAJO = booleano;
                    break;
            }
    },
    cargar : function( element ) {
        element.onkeydown = function (e){
            Teclado.establecer( e.keyCode, true );
        };
        element.onkeyup = function (e){
            Teclado.establecer( e.keyCode, false );
        };
    }
};
Teclado.cargar(document.body);

var div = document.getElementById('log');
setInterval(function(){
    div.innerHTML = JSON.stringify(Teclado).replace('{','').replace('}','').split(',').join('<br/>');
}, 50);