JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    
</div>

CSS

#container {
    background: green; 
    width: 1000px; 
    height: 500px; 
    position: relative;
}
#container img {
    position: absolute;   
}

JavaScript

$(document).ready(function() {
    $("#container").click(function(e) {
        e.preventDefault();
        var x = e.pageX - this.offsetLeft;
        var y = e.pageY - this.offsetTop;
        var img = $('<img>');
        img.css('top', y);
        img.css('left', x);
        img.attr('src', 'http://img34.imageshack.us/img34/3337/imglp.png');
        img.appendTo('#container');
    })
});