1
resposta

Criando elemento no HTML

No exercício ''Criando elemento''

como faço para o código html que está sendo gerado no javascript, aparecer no html?

var div = document.createElement("div");
var h1 = document.createElement("h1");
h1.classList.add("titulo");
h1.textContent = "Mirror Fashion";

var p = document.createElement("p");
p.textContent = "Uma loja de roupa fantástica";

div.appendChild(h1);
div.appendChild(p);

1 resposta

Boa noite Rodrigo, Basicamente você está criando dois elementos e inserindo um dentro do outro, porém, para que ambos reflitam no front, você precisa referenciar um elemento que exista no seu HTML.

No inicio do código adicione a variavel:

let body = document.querySelector('body');

E antes do seu div.appendChild(h1);, adicione:

body.appendChild(div);