JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mydiv">
    <input type="button" id="my-button" value="hello"/>
    
    
</div>

CSS

div {
    border: 1px solid #000;     
}

#top
{
    width:100%;
    height:150;
}

#left
{
    float: left;
    text-align:center;
    width: 20%;
}

#right
{
    float: left;
    text-align:center;
    width: 79%;
}

JavaScript

var myvar = 1;
$(document).ready(function(){
 var myobj = {
  changeMyVar: function(){ 
      myvar++;
      alert(myvar);
  }
 };


 $('#mydiv').on('click', '#my-button', myobj.changeMyVar);
});