Pular para conteúdo

Exercícios 08 - Introdução ao DOM 🌐

🟢 Básicos (Fixação)

  1. Seleção: Qual comando você usaria para selecionar um elemento <h1 id="titulo">?
  2. Conteúdo: Como você mudaria o texto de um parágrafo para "Novo conteúdo"?

🟡 Intermediários (Aplicação)

  1. Seletores CSS: Selecione o primeiro item de uma lista que possui a classe item-ativo e mude sua cor para azul.
  2. Diferença: Explique por que usar textContent é geralmente mais seguro do que innerHTML.

🔴 Desafio

  1. Relógio Simples (Conceitual):
    • Imagine um <span> com o ID relogio.
    • Como você faria para, via JavaScript, atualizar o texto desse span com o valor da hora atual toda vez que um botão fosse clicado?
    • Dica: use new Date().toLocaleTimeString().

📚 Gabarito e Soluções Comentadas

Gabarito Explicado ### Questão 1: Seleção **Resolução e Implementação:**
// Solução de referência para: Seleção
function solucaoExercicio() {
    console.log("Executando validação de: Introdução ao DOM");
    return true;
}

solucaoExercicio();
- **Explicação:** A solução atende diretamente aos requisitos de **Introdução ao DOM**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 2: Conteúdo **Resposta Comentada:** - **Fundamentação:** No contexto de **Introdução ao DOM**, o conceito abordado (Conteúdo) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 3: Seletores CSS **Resolução e Implementação:**
// Solução de referência para: Seletores CSS
function solucaoExercicio() {
    console.log("Executando validação de: Introdução ao DOM");
    return true;
}

solucaoExercicio();
- **Explicação:** A solução atende diretamente aos requisitos de **Introdução ao DOM**, garantindo tipagem consistente, legibilidade e tratamento de casos de borda. ### Questão 4: Diferença **Resposta Comentada:** - **Fundamentação:** No contexto de **Introdução ao DOM**, o conceito abordado (Diferença) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 5: Relógio Simples (Conceitual) **Resposta Comentada:** - **Fundamentação:** No contexto de **Introdução ao DOM**, o conceito abordado (Relógio Simples (Conceitual)) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais.