JSFiddle - React, Tailwind, and code Playground

HTML

<body background="http://www.craigjoneswildlifephotography.co.uk/blog/wp-content/uploads/2010/07/CMJ57311.jpg">
    
    


    
</body>

JavaScript

$(document).ready(function(){ 
$(document).click(function (ev) {
        mouseX = ev.pageX;
        mouseY = ev.pageY
        console.log(mouseX + ' ' + mouseY);
        var color = 'red';
        var size = '6px';
        $('.dot').remove();
        $("body").append(
            $('<div></div>')
                .css('position', 'absolute')
                .css('top', mouseY - 3 + 'px')
                .css('left', mouseX - 3 + 'px')
                .css('width', size)
                .css('height', size)
                .css('background-color', color)
                .addClass('dot')
        );
    });
 });