Cursor position

HTML

<div>screenX: <span id="screenX">0</span>px</div>
<div>screenY: <span id="screenY">0</span>px</div>
<div>clientX: <span id="clientX">0</span>px</div>
<div>clientY: <span id="clientY">0</span>px</div>

CSS

body {
	font-family: "Lucida Console", Monaco, monospace
}

JavaScript

const screenX = document.getElementById("screenX");
const screenY = document.getElementById("screenY");
const clientX = document.getElementById("clientX");
const clientY = document.getElementById("clientY");


document.onmousemove = event => {
	screenX.innerHTML = event.screenX
	screenY.innerHTML = event.screenY
	clientX.innerHTML = event.clientX
	clientY.innerHTML = event.clientY
}