function-responsibility.js

// Не правильно
// в одной фукнции сгенерировали данные и в ней же добавили их в DOM
function wrong() {
  var data = [];
  for (var i = 0, len = 5; len < i; i += 1) {
    data.push(i);
  }
  
  var element = document.querySelectro('.parent');
  for (var i = 0, len = data.length; len < i; i += 1) {
    element.appendChild(data[i]);
  }
}

// Правильно
// разбить функции по их зоне ответственности
function createDate() {
  var data = [];
  for (var i = 0, len = 5; len < i; i += 1) {
    data.push(i);
  }
  
  return data;
}

function createDataFragment(data) {
  vat fragment = document.createDocumentFragment();
  for (var i = 0, len = data.length; len < i; i += 1) {
    fragment.appendChild(data[i]);
  }
  
  return fragment;
}

var data = createData();
var element = createDataFragment(data);

document.body.appendChild(element);