Мы изменили текстовое содержимое элемента commentList и при этом удалили комментарий, который уже был в ленте. Это произошло потому, что новое значение textContent переписывает всё содержимое элемента, а значит, с его помощью не получится устроить жаркую дискуссию в комментариях. Нужно, чтобы новые комментарии добавлялись в конец ленты, после старых комментариев. С этим нам поможет метод append. Используют его так:

элемент-родитель.append(добавляемый-элемент);

Метод append добавляет указанный в скобках элемент в конец элемента-родителя. При этом содержимое элемента-родителя не затирается. Добавлять с помощью этого метода можно и элементы, и простые строки.

Представим, что у нас есть следующая разметка на странице:

<p>Хорошо быть котом.</p>

Найдём этот абзац и используем метод append:

let paragraph = document.querySelector('p');
paragraph.append(' А разработчиком — ещё лучше!');

Когда команда выполнится, в браузере пользователя разметка будет выглядеть так:

<p>Хорошо быть котом. А разработчиком – ещё лучше!</p>

Новая строка добавилась в конец элемента, ничего не удаляя. То, что нужно для новых комментариев! Чтобы в этом убедиться, используем метод append и добавим строку в конец ленты комментариев.