Olá! Quis tentar criar os elementos HTML mas não consegui. Criei um botão e a ideia é que, quando clicado, esse botão criasse uma div, um h1 e um parágrafo.
Podem me ajudar a descobrir o que está errado?
<html>
<body>
<button class = "botaoCriar">Crie elementos html</button>
</body>
<script>
var botao = document.querySelector(".botaoCriar");
botao.addEventListener("click", function(){
var div = document.createElement("div")
var h1 = document.createElement("h1");
var p = document.createElement("p");
var body = document.createElement("body")
var html = document.createElement("html");
// para adicionar uma classe a um elemento
h1.classList.add("titulo");
h1.textContent = "Mirror Fashion";
p.textContent = "uma loja de roupa fantástica"
div.appendChild(h1);
div.appendChild(p);
html.appendChild(div);
})
</script>
</html>
