JSFiddle - React, Tailwind, and code Playground

by Krzysztof Safjanowski

HTML

<div id="toolbar">
    Toolbar conntent
</div>

CSS

#toolbar {
    color: #f00;
}

JavaScript

function BubbleGum() {}

BubbleGum.prototype.ToolBar = function(id) {

    var TB = document.getElementById(id);
    
    TB.style.position = "relative";
    TB.style.color = "green";
    TB.onclick = function(e) {
        checkmousepos(e, this)
    }
    
    
    function checkmousepos(e, id) {
        console.log('arg', arguments)
        var mousex = e.pageX;
        var mousey = e.pageY;
    
        id.style.marginLeft = mousex + "px";
    };
}
    
var s = new BubbleGum()
var p = s.ToolBar('toolbar');