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