JSFiddle - React, Tailwind, and code Playground

HTML

<div id="qbn"></div>

CSS

#qbn {
    height: 50px;
    width: 50px;
    background: yellow;
}

JavaScript

$(document).ready(function () {
    $("body").keydown(function(e) {
      if(e.which == 37) { // left     
          $("#qbn").trigger("click");
      }
      else if(e.which == 39) { // right     
          $("#qbn").trigger("foo");
      }
    });
    $("#qbn").on("click",function(){
        $(this).css({background: "red"});  
    });
    $("#qbn").on("foo",function(){
        $(this).css({background: "blue"});  
    });
});