// popup for ONN/OFF

function popup() {

    let div = document.createElement("div");

    div.classList.add("content-popup");

    div.innerHTML = ``;

    document.body.appendChild(div);

    // move function;;

    let moveEl = document.getElementById("move-popup");

    moveEl.onmousedown = function (e) {

      let sX = e.offsetX;

      let sY = e.offsetY;

      window.addEventListener("mousemove", handleMove);

      function handleMove(e) {

        let x = e.clientX - (sX + 60); // adjust with parent bounder

        let y = e.clientY - (sY + 5); // adjust with parent bounder

        let el = document.querySelector(".content-popup");

        if (x < 1) x = 0;

        if (x > window.innerWidth - 100) x = window.innerWidth - 100;

        if (y < 1) y = 0;

        if (y > window.innerHeight - 50) y = window.innerHeight - 50;

        el.setAttribute("style", `left:${x}px;top:${y}px`);

      }

      window.addEventListener("mouseup", () => {

        removeEventListener("mousemove", handleMove);

      });

    };

​

  }

  popup();