タケノコ移動

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