O que é o DOM (A Ponte Mágica)?

O Document Object Model (DOM) não é a linguagem JavaScript em si, mas sim uma API (Interface de Programação) que os navegadores fornecem. Quando o navegador lê o seu arquivo HTML, ele o transforma em uma 'árvore' gigante na memória do computador. O DOM é justamente essa árvore. Sem ele, o JavaScript seria completamente cego e não conseguiria ver, alterar ou interagir com os botões, textos e imagens da sua página. 💡 Dica do KCarrasquinho: Pense no HTML como a planta de uma casa e no DOM como a casa já construída. O JavaScript é o eletricista que entra na casa pronta para acender e apagar as luzes!

// Abra o DevTools (F12) no seu navegador, vá na aba Console e digite:
console.dir(document);

// Você verá um objeto gigante cheio de propriedades.
// Isso é o navegador te mostrando o DOM por debaixo dos panos!