JSFiddle - React, Tailwind, and code Playground

HTML

<div id="myDiv">Click me</div>
<br>
<span id="info">Info:</span>

CSS

#myDiv{
    background: lightblue;
display: block;
 width: 100px;
height: 50px;    
}

JavaScript

DivObject = function() {};
DivObject.prototype.setClickListener = function(clickListener){
    document.getElementById("myDiv").onclick = function(e){
        clickListener(e);
    };
};

MainObject = function(){
    this.myString = "Teststring";
    this.divObj = new DivObject();
    var thisRef = this;
    this.divObj.setClickListener(function(e){
        thisRef.handleClick(e);
    });
};

MainObject.prototype.handleClick = function(e){
    $("#info").html($("#info").html() + "<br>" + this + ", this.myString = " + this.myString);
};

$(document).ready(function(){
    new MainObject();
});