JSFiddle - React, Tailwind, and code Playground

by dAvidcA

HTML

<div id="lamina">
</div>

CSS

#lamina{
  border: 1px solid black;
  width: 400px;
  height: 400px;
  cursor: crosshair;
  background-image: url(http://www.arcosantander.com/wp-content/uploads/2013/11/Diana.png);
}
.disparo {
  background-image: url(http://2.bp.blogspot.com/-t0jflYsgv00/UbaPA9WY4rI/AAAAAAAAAO4/vkWiIFBdPOs/s1600/Concrete_Hole_01.png) ;
   width:20px;
   height:20px;
   background-size: 20px 20px;
   position: absolute;
}

JavaScript

var nDisparo=0;
$("#lamina").click(function(e) {
    $(this).append("<div id='disparo"+nDisparo+"' class='disparo'></div>");
    $('#disparo'+nDisparo).css('top', e.pageY-10);
    $('#disparo'+nDisparo).css('left', e.pageX-10);
    nDisparo++;
});