タケノコ移動座標表示

p1

      
       <script>
          let p1=document.getElementById("p1");
          //タケノコの絵を動かせるようにします。
          let noko = document.getElementById("noko");
          noko.style.position = "absolute";
          //ドラッグのはじめ何もしません。
          noko.ondragstart = function(event){
          return false;}
          //左クリックしたときの操作です。
          noko.onmousedown = function(event){
            //マウスの動きを見ます。
            document.addEventListener("mousemove",onMouseMove);}
          //マウスの動きにノコの場所を合わせます。  
          let onMouseMove = function(event){
            let x = event.clientX;
            let y = event.clientY;
            let width = noko.offsetWidth;
            let height = noko.offsetHeight;
            noko.style.top = (y-height/2) + "px";
            noko.style.left = (x-width/2) + "px";
      
      
                //マウス座標表示
            p1.innerText=x+","+y;p1.style.position = "absolute";p1.style.left=x+"px";p1.style.top=y+"px";
      
          
          }
          //マウスの左ボタンが離れたら動きを見るのをやめます。
          noko.onmouseup = function(event){
            document.removeEventListener("mousemove",onMouseMove);
          }
       </script>