> For the complete documentation index, see [llms.txt](https://favelaware.gitbook.io/favelaware/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://favelaware.gitbook.io/favelaware/8-javascript-para-web/mao-na-massa.md). # ✍️Mão na Massa Exercícios Práticos: Mão na Massa com JavaScript e DOM! **Bloco 1: Fundamentos e Primeiros Passos (Exercícios 1-4)** 1. Explorando o Console: Abra qualquer site (como ), pressione `F12` para abrir as Ferramentas de Desenvolvedor, vá até a aba "Console" e digite `console.log("Eu estou explorando a web!");`. Pressione Enter e veja o resultado. 2. A Santíssima Trindade da Web: Com suas próprias palavras, explique a diferença entre HTML, CSS e JavaScript. 3. Primeira Página Interativa: Copie o código HTML com a função `mostrarMensagem()` do exemplo da página 7.1. Salve-o como `index.html` e abra no navegador. Clique no botão e veja o alerta. 4. O que é o DOM? Usando a analogia da casa de LEGO, explique o que é o DOM (Document Object Model) e por que ele é essencial para que o JavaScript possa interagir com uma página. **Bloco 2: Selecionando Elementos no DOM (Exercícios 5-9)** 5. Seleção por ID: Crie uma página com um título `

` que tenha o `id="titulo-principal"`. Em uma tag `