JSFiddle - React, Tailwind, and code Playground

by forgetcolor

JavaScript

$(function(){
    
    var leftrightcurrent = 128;
    var updowncurrent = 128;

    var startcolor = "rgb("+updowncurrent+","+leftrightcurrent+","+leftrightcurrent+")";
    $("body").css("background-color",startcolor);    
     
    
    $('html').keydown(function(e){
       
        // left arrow
        if(e.which == 37){
            leftrightcurrent--;
            var newcolor = "rgb("+updowncurrent+","+leftrightcurrent+","+leftrightcurrent+")";
		    $("body").css("background-color",newcolor);
		}; 
		
        // right arrow
        if(e.which == 39){
            leftrightcurrent++;
            var newcolor = "rgb("+updowncurrent+","+leftrightcurrent+","+leftrightcurrent+")";
		    $("body").css("background-color",newcolor);
        }	
		
        // up arrow
        if(e.which == 38){
            updowncurrent++;
            var newcolor = "rgb("+updowncurrent+","+leftrightcurrent+","+leftrightcurrent+")";
		    $("body").css("background-color",newcolor);
        }	
		
        // down arrow
        if(e.which == 40){
            updowncurrent--;
            var newcolor = "rgb("+updowncurrent+","+leftrightcurrent+","+leftrightcurrent+")";
		    $("body").css("background-color",newcolor);
		}
        
    });
});