Jawaban untuk Jawa Barat Digital Services, tentang fixing bugs di append sebuah element menggunakan looping.

AppendChildUsingLoop

  /*
  * catatan : untuk memperbaiki bugs di appenChild ini ada 2 cara yaitu
  * 1. bisa mengubah method get element nya dengan method
  * var allDivs = document.querySelectorAll("div");
  * 2. menggunakan method yang sama akan tetapi membuat variable tambahan untuk menampung sebuah length, dan hasil tampungan
  * tersebut bisa digunakan sebagai jumlah limit loop nya.
  * var allDivs = document.getElementsByTagName("div");
  * var length = allDivs.length;
  * created by @Risyandi
  */
  
  function appendChildren(decorateDivFunction) {
  var allDivs = document.querySelectorAll("div");
  for (var i = 0; i < allDivs.length; i++) {
    var newDiv = document.createElement("div");
    decorateDivFunction(newDiv);
    allDivs[i].appendChild(newDiv);
  }
}

// Example case. 
document.body.innerHTML = `
<div id="a">
  <div id="b">
  </div>
</div>`;

//appendChildren(function(div) {});
console.log(document.body.innerHTML);