Append dot on click event

script.js

let el = document.createElement("<div class='dot'></div>");

function addDot(e){
	let clientX = e.clientX;
	let clientY = e.clientY;

	let el = document.createElement("div");
	el.classList.add('dot')
	el.setAttribute("style", `top: ${clientY-10}px; left: ${clientX-10}px`);

	let dom = document.querySelector("body");
	dom.append(el)
}

document.addEventListener('click', addDot);

styles.css

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