.dot{
  width: 16px;
  height: 16px;
  background:red;
  border-radius: 50%;
  position: absolute;
}

$("html").click(function(e){
  let left=e.pageX;
  let top=e.pageY;
  $("body").append("<div class='dot'></div>")
  $(".dot").last().css({
    "left": left,
    "top": top
  })
})