01-How To Drag My Div

01-HowToDragMyDiv.js

 var elment = document.getElementById("idOfMyDiv");
    elment.addEventListener('mousedown', function (e) {
        isDown = true;
        offset = [
            elment.offsetLeft - e.clientX,
            elment.offsetTop - e.clientY
        ];
    }, true);
    document.addEventListener('mouseup', function () {
        isDown = false;
    }, true);
    document.addEventListener('mousemove', function (event) {
        event.preventDefault();
        if (isDown) {
            mousePosition = {
                x: event.clientX,
                y: event.clientY
            };
            elment.style.left = (mousePosition.x + offset[0]) + 'px';
            elment.style.top = (mousePosition.y + offset[1]) + 'px';
        }
    }, true);