JSFiddle - React, Tailwind, and code Playground

by GMK Hussain

HTML

<div class="res"></div>

CSS

.res {
    background-color: #eee;
    font-size: 34px;
    padding: 90px;
    text-align: center;
}

JavaScript

$(document).keydown(function(e){
    if (e.keyCode == 37) { 
       $(".res").html("< left pressed");
        return false;
    }
    if (e.keyCode == 38) { 
       $(".res").html("^ up pressed");
        return false;
    }
    if (e.keyCode == 39) { 
       $(".res").html("> right pressed");
        return false;
    }
    if (e.keyCode == 40) { 
       $(".res").html("! down pressed");
        return false;
    }
});