Как добавить элемент в html через js

<div class="container"></div>

// получаем контейнер
const container = document.querySelector('.container');

// создаем новый элемент - заголовок первого уровня
const h1 = document.createElement('h1');

// добавляем класс .red, в котором указан нужный нам цвет текста
h1.classList.add('red');

// добавляем нужный текст
h1.textContent = 'Hello, World!';

// кладем заголовок в контейнер
container.append(h1);