JSFiddle - React, Tailwind, and code Playground

HTML

<div class="result">Event Type: <span id="eventType"></span></div>
<div id="box"></div>

CSS

#box {
  height: 120px;
  width: 120px;
  background: grey;
}
.result {
  height: 30px;
  margin: 6px 0;
}

JavaScript

var box = $("#box"),
eventType = $("#eventType");

function displayEvent(event){
	eventType.text(event.type);
}

box.on("click", displayEvent);
box.on("mouseenter", displayEvent);
box.on("mouseleave", displayEvent);