JSFiddle - React, Tailwind, and code Playground

by jcubed111

HTML

<div id='hello'>
</div>

CSS

body{
    height: 100vh;
    cursor: crosshair;
}
div{
    position: absolute;
    width: 7px;
    height: 7px;
    border: 3px solid #000;
    box-sizing: border-box;
    margin: -3px 0 0 -3px;
}

JavaScript

document.body.addEventListener('mousemove', e => {
	const el = document.getElementById('hello');
    el.style.left = e.clientX + 'px';
    el.style.top = e.clientY + 'px';
})