Перемещение нескольких элементов одного класса мышью

var elem;
           function  blue(x){
               elem = document.querySelector ('#o' + x);
          var d = document.createElement('img');
          d.src = 'blue.png';
          d.className = 'le';
          d.width = '150';
          d.height = '150';
          d.style= 'center';
          
          elem.appendChild(d);
}
           function fiol(x){
               elem = document.querySelector ('#o' + x);
          var d = document.createElement('img');
          d.src = 'fiol.png';
          d.className = 'le';
          d.width = '150';
          d.height = '150';
          elem.appendChild(d);
}
    
    var arr1=[], arr2=[];
    function createArray(len){ 
  for(var i = 1; i <= len; i++) { 
  arr1.push({ch: 1, x: i*2-1, y: 1});   blue(arr1[i-1].x);
  arr2.push({ch: 1, x: i*2+19, y: 5});  fiol(arr2[i-1].x);
    
  }
}
createArray(3); // передаём кол-во созд-х объектов в массиве
 
 
var ball = document.querySelector(".le");
 
ball.onmousedown = function(e) {
 
  var coords = getCoords(ball);
  var shiftX = e.pageX - coords.left;
  var shiftY = e.pageY - coords.top;
 
  ball.style.position = 'absolute';
  document.body.appendChild(ball);
  moveAt(e);
 
  ball.style.zIndex = 1000; 
 
  function moveAt(e) {
    ball.style.left = e.pageX - shiftX + 'px';
    ball.style.top = e.pageY - shiftY + 'px';
  }
 
  document.onmousemove = function(e) {
    moveAt(e);
  };
 
  ball.onmouseup = function() {
    document.onmousemove = null;
    ball.onmouseup = null;
  };
 
}
 
ball.ondragstart = function() {
  return false;
};
 
function getCoords(elem) {  
  var box = elem.getBoundingClientRect();
  return {
    top: box.top + pageYOffset,
    left: box.left + pageXOffset
  };
}

var balls = document.querySelectorAll(".le");
for (let i = 0; i < balls.length; i++) {
  balls[i].onmousedown = function(e) {
 
    var coords = getCoords(ball);
    var shiftX = e.pageX - coords.left;
    var shiftY = e.pageY - coords.top;
 
    balls[i].style.position = 'absolute';
    document.body.appendChild(balls[i]);
    moveAt(e);
 
    balls[i].style.zIndex = 1000; 
 
    function moveAt(e) {
      balls[i].style.left = e.pageX - shiftX + 'px';
      balls[i].style.top = e.pageY - shiftY + 'px';
    };
 
    document.onmousemove = function(e) {
      moveAt(e);
    };
 
    balls[i].onmouseup = function() {
      document.onmousemove = null;
      balls[i].onmouseup = null;
    };
 
  };
 
  balls[i].ondragstart = function() {
    return false;
  };
};