Как сделать append блока в правильном месте?

Чтобы добавить блок в правильное место, вам нужно использовать метод appendChild или методы вставки, такие как insertBefore или insertAdjacentHTML, в зависимости от ваших потребностей.

1. Используя метод appendChild:

// Получаем родительский элемент, куда нужно добавить блок
const parentElement = document.getElementById('parent');

// Создаем новый блок
const newBlock = document.createElement('div');
newBlock.textContent = 'Новый блок';

// Добавляем новый блок в конец родительского элемента
parentElement.appendChild(newBlock);

2. Используя метод insertBefore:

// Получаем родительский элемент, куда нужно добавить блок
const parentElement = document.getElementById('parent');

// Создаем новый блок
const newBlock = document.createElement('div');
newBlock.textContent = 'Новый блок';

// Получаем элемент, перед которым нужно вставить новый блок
const referenceElement = parentElement.firstChild;

// Вставляем новый блок перед референсным элементом
parentElement.insertBefore(newBlock, referenceElement);

3. Используя метод insertAdjacentHTML:

// Получаем родительский элемент, куда нужно добавить блок
const parentElement = document.getElementById('parent');

// Создаем новый блок с помощью HTML строки
const newBlockHtml = '<div>Новый блок</div>';

// Вставляем новый блок перед родительским элементом
// с помощью 'beforebegin' или после него с помощью 'afterend'
parentElement.insertAdjacentHTML('beforebegin', newBlockHtml);

Каждый из этих методов имеет свои особенности и преимущества, поэтому выберите тот, который лучше всего соответствует вашим требованиям.