JSFiddle - React, Tailwind, and code Playground

by Toby Neilan

HTML

<div class="demo">

</div>

CSS

.demo {
  width: 300px;
  height: 300px;
  background-color: transparent;
}

JavaScript

$(document).ready(function(){
	$(".demo").mouseenter(function(){
  	$(this).css("background-color", "orange");
  });
  $(".demo").mouseleave(function(){
  	$(this).css("background-color", "black");
  });
});