Atividades de Manipulação do DOM

Explore cada atividade e implemente nas páginas correspondentes

Objetivo: Selecionar elementos e alterar conteúdo.

  • Criar um título (h1)
  • Criar um botão
  • Alterar o texto ao clicar
Requisitos:
  • getElementById ou querySelector
  • textContent ou innerText
  • Evento de clique
Ir para atividade

Objetivo: Manipular estilos via JavaScript.

  • Parágrafo
  • Botão para mudar cor
  • Botão para mudar fundo
Desafio:

Alternar entre modo claro e escuro.

Ir para atividade

Objetivo: Criar elementos dinamicamente.

  • Input de texto
  • Botão "Adicionar"
  • Inserir itens em uma lista (ul)
Requisitos:
  • createElement
  • appendChild
  • Limpar input
Ir para atividade

Objetivo: Remover elementos dinamicamente.

  • Lista com itens
  • Botão "Remover" em cada item
Desafio:

Marcar item como concluído (riscar texto).

Ir para atividade

Objetivo: Integrar tudo em um mini sistema.

  • Adicionar tarefa
  • Remover tarefa
  • Marcar como concluída
Desafio:

Salvar no localStorage.

Ir para atividade