Digital Innovation One
Manipulando a D.O.M com JavaScript
Instrutora: Stephany Nusch
Aluna: Mirian Ajiki Molicawa
Data: 18/07/2022

Tecnologias

- [x] Visual Studio Code
- [x] CSS
- [x] HTML5
- [x] JavaScript

Document Object Model

O DOM HTML é um padrão de como acessar e modificar os elementos HTML de uma página.

Browser Object Model

O BOM é tudo o que está dentro do objeto window (document, history, location, screen e navigator)

Event Listener

Diretamente no JavaScript, cria um evento que vai ser acionado no momento em que o
usuário realizar determinada ação, como por exemplo: clicar no botão.

Atividade: 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 script.js na sua asset/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.

DEMO

! [Light and Dark Mode] (https://github.com/ajikisan/dom-javascript/blob/master/dark-light-and-dark-mode-pessoal-microsoft-edge-2022-07-18.gif)