CarvalhoNathan/DOM

Neste curso, aprendi a manipular elementos de uma página HTML, utilizando JavaScript. Curso feito na DIO.

Minhas anotações sobre o curso Manipulando o DOM

Curso feito na DIO (Digital Innovation One):

Objetivos do curso:

- O que é o DOM"
- Entender as diferenças entre DOM e o BOM
- Principais métodos para manipular páginas da web

Anotações separadas por cada aula:

• Aula 1 - O que é o DOM e BOM
• Aula 2 - Selecionando elementos
• Aula 3 - Trabalhando com estilos
• Aula 4 - Eventos

Atividade prática: Light Mode/Dark Mode

1. Crie uma estrutura básica de projeto front-end (HTML, CSS e JS)
2. Copie o HTML e o CSS deste repositório
3. Crie um arquivo chamado scripts.js na sua pasta assets/js
4. Selecione os elementos: h1, button, footer e body
5. Se os elementos possuirem a classe dark-mode, modifique seus estilos. Caso contrário, volte os estilos para o original

Exemplo