odin-dom-exercise/index.js

const container = document.querySelector('#container');

const content = document.createElement('div');
content.classList.add('content');
content.textContent = 'This is the glorious text-content!';

container.appendChild(content);

const p1 = document.createElement('p');
p1.style.color = "#f00";
p1.textContent = "Hey I'm red!";

const h3 = document.createElement('h3');
h3.style.color = "#00f";
h3.textContent = "I'm a blue h3!";

const div = document.createElement('div');
div.style.cssText = "border: 2px solid #000; background: pink;";

const h1 = document.createElement('h1');
h1.textContent = "I'm in a div!";

const p2 = document.createElement('p');
p2.textContent = "ME TOO!";

div.append(h1, p2);

container.append(p1, h3, div);