Creating a custom cursor with vanilla JS

gistfile1.txt

<div>?</div>

div {
  position: absolute;
  bottom: 0;
  right: 0;
}

* {
  cursor: none;
}

document.addEventListener("mousemove", (event) => {
  const crossHair = document.querySelector("div");
  
  crossHair.style.top = `${event.clientY}px`;
  crossHair.style.left = `${event.clientX}px`;
});