Перетаскивание элемента по странице js

let div = document.querySelector("div");
 
div.addEventListener('mousedown', function(evt) {
	evt.preventDefault();
 
        // Отслеживаем начальное положение блока по его координатам
	let xStart = evt.clientX;
	let yStart = evt.clientY;
 
 
	var onMouseMove = function (evtMove){
		evtMove.preventDefault();
 
                // Отслеживаем изменение координат мыши
		var xNew = xStart - evtMove.clientX;
		var yNew = yStart - evtMove.clientY;
 
		xStart = evtMove.clientX;
		yStart = evtMove.clientY;
 
		div.style.top = (div.offsetTop - yNew) + 'px';
			div.style.left = (div.offsetLeft - xNew) + 'px';
 
	}
 
	var onMouseUp = function (evtUp){
                // Отменяем подписку на события
		document.removeEventListener('mousemove', onMouseMove);
		document.removeEventListener('mouseup', onMouseUp);
	}
 
 
	document.addEventListener('mousemove', onMouseMove)
	document.addEventListener('mouseup', onMouseUp)
})