JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dragme" style="width:100px;height:100px;position:absolute;background-color:red;top:200px;left:200px;">
Drag Me
</div>

JavaScript

document.getElementById("dragme").onmousedown = function(e) {
		this.prevX = e.clientX;
		this.prevY = e.clientY;
		this.mouseDown = true;
	}
	document.getElementById("dragme").onmousemove = function(e) {
		if(this.mouseDown) {
			this.style.left = (Number(this.style.left.substring(0, this.style.left.length-2)) + (e.clientX - this.prevX)) + "px";
			this.style.top = (Number(this.style.top.substring(0, this.style.top.length-2)) + (e.clientY - this.prevY)) + "px";
		}
		this.prevX = e.clientX;
		this.prevY = e.clientY;
	}
	document.getElementById("dragme").onmouseup = function() {
		this.mouseDown = false;
	}