JSFiddle - React, Tailwind, and code Playground

by Guruprasad Rao

HTML

<div class="container">

<div class="moo">I am moo</div>

<input></input>
    
    
</div>

CSS

.container {
     height:9000px;   
}
}
.moo {
    border:1px solid black
}
.red {
    background:red;
}
input {
    margin-top:30px;
}

JavaScript

$(document).keydown(function(e) {
    if(e.keyCode === 32 && e.target.nodeName=='BODY') {
		$('.moo').toggleClass('red');
        event.preventDefault();
    }
});
$(document).keyup(function(e) {
    if(e.keyCode === 32 && e.target.nodeName=='BODY') {
		$('.moo').toggleClass('red');
        event.preventDefault();
    }
});