Доброго времени суток!
Необходимо c помощью js в div добавить другой div.
Как сейчас:
<div class="board">
<div class="row__letter">
<div class="cell__number">8</div>
<div class="cell__number">7</div>
</div>
<div class="row" id="0">
<div class="cell"></div>
<div class="cell"></div>
</div>
<div class="row" id="1">
<div class="cell"></div>
<div class="cell"></div>
</div>
</div>
Как нужно (в конец .board добавить row__letter)
<div class="board">
<div class="row__letter">
<div class="cell__number">8</div>
<div class="cell__number">7</div>
</div>
<div class="row" id="0">
<div class="cell"></div>
<div class="cell"></div>
</div>
<div class="row" id="1">
<div class="cell"></div>
<div class="cell"></div>
</div>
<div class="row__letter">
<div class="cell__number">8</div>
<div class="cell__number">7</div>
</div>
</div>
В начало row__letter добавлен след образом:
let board = document.querySelector('.board')
let rowOne = document.createElement('div')
rowOne.className = 'row__letter'
board.append(rowOne)
В конец пытаюсь добавить так, но добавляет либо до первого row__letter, либо после него. А необходимо именно в конце board :
let rowEnd = document.createElement('div') //создаем новый элемент
rowEnd.className = 'row__letter'
board.prepend(rowEnd)//или append