JSFiddle - React, Tailwind, and code Playground

HTML

<div class='foo'>
    <h1>Here!!</h1>
    <div class='round'></div>
</div>

CSS

.foo{
    width:100%;
    height:300px;
    background:#473829;
    border-top:8px solid #459387;
}
h1{
    color:#fff;
    text-align:center;
}
.round{
    width:50px;
    height:50px;
    border-radius:50%;
    border:20px solid #439387;
    background:#455456;
    margin:0 auto;
}

JavaScript

$.fn.hitme = function(item){
  return this.each(function(k, v) {
      if (typeof(item) == 'String') {
          alert('you\'ve hitted me!')
      }
  });
};
$('.round').hitme('why?');