JSFiddle - React, Tailwind, and code Playground

by Anirudh Tewathia

CSS

div {
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
    border-radius: 50%;
    background: black;
}

JavaScript

//div generated on-click

$(document).ready(function() {
    $(window).mouseup(function(e) {
        $('<div />').css({
            position: 'absolute',
            left: e.pageX,
            top: e.pageY
        }).appendTo($('body'));
    });
});