[fcsm_andrei]

Здравствуйте, подскажите пожалуйста почему после первого значения row него добавляется еще одно. те row[0] вставляется правильно, а в остальных случаях row вставляется еще в 1 row...
т.е.
получается так

<div class="keyboard">
  <div class="row"></div>
  <div class="row">
    <div class="row"></div>
  </div>
  <div class="row">
    <div class="row"></div>
  </div>
  <div class="row">
    <div class="row"></div>
  </div>
  <div class="row">
    <div class="row"></div>
  </div>
</div>

const row = [];

for(let i=0; i<5; i++) {

    row[i] = document.createElement('div');
    row[i].classList.add('row');
    keyboard.appendChild(row[i]);
}