A Fábrica de Tags: createElement
No mundo real, sites como a Shopee não têm 10.000 tags <div> escritas manualmente no HTML. O próprio JavaScript lê os dados do servidor e constrói as tags em tempo real. O comando `createElement` funciona como uma fábrica: ele forja uma nova tag do zero diretamente na memória do seu computador.
script.js
// 1. Criando a tag <li>
const novaTarefa = document.createElement('li');
// 2. Customizando a nossa nova tag
novaTarefa.innerText = "Estudar Next.js";
novaTarefa.classList.add('px-4', 'py-2', 'bg-zinc-800', 'text-white');
// Até este ponto, o <li> existe na memória,
// mas ainda NÃO está aparecendo na tela do usuário!Card 1 de 3