JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<div id="example1"></div>
<div id="example2"></div>
<div id="example3"></div>

CSS

div {
  height: 30px;
  width: 30px;
}

div:nth-child(1) {
  background-color: red;
}

div:nth-child(2) {
  background-color: green;
}

div:nth-child(3) {
  background-color: blue;
}

JavaScript

function hello(event) {
  console.log("Hello, ", event.target);
}

$("#example1").on("click", hello);
$("#example2").on("click hover", hello);
$("#example3").on("mouseenter mouseleave", hello);