Create 10 divs

loops.js

// Imperative style
const createDivs = num => {
  for (var i = 0; i < num; i++)
    document.body.insertAdjacentHTML("beforeend", "<div></div>");
};
createDivs(10);


// Functional style: recursion
const createDivs = num => {
  if (!num) return;
  document.body.insertAdjacentHTML("beforeend", "<div></div>");
  return createDivs(num-1);
};
createDivs(10);


// Functional style: array iteration
const newArr = size => [...Array(size)];
const createDivs = num =>
  newArr(num).forEach(() =>
    document.body.insertAdjacentHTML("beforeend", "<div></div>")
  );
createDivs(10);