Как клонировать элемент HTML созданный в JS с помощью цикла

Почему-то div не клонируется до значения i, может я выбрал неправильный метод?

document.querySelector(".b12").addEventListener("click", function t12() {
  const elem = document.createElement('div');
  let elemCopy = elem.cloneNode(true);
  let i = 5;
  let outStr = '';
  while (elemCopy.length <= i){
    outStr += elemCopy[i];
    elemCopy++;
  }
  console.log(elemCopy);
  document.querySelectorAll('.out12').innerHTML = outStr;
});



<button class="b12">Push</button>
<div class="div12"></div>