Modo Dark e Modo Light

Entre para ter acesso à essa aula

Entrar

Cadastre-se gratuitamente

Mude o tema do site com JavaScript e Bootstrap 4
Vamos adicionar o atributo "data BS tene" no arquivo HTML do Index para definir o tema do site (Dark). Adicionar um botão na body com classe e ícone para selecionar modo de tema.

Dar classe, id e evento de clique no botão no JavaScript para manipular o DOM. Capturar o tema Dark com getAttribute e trocar para Light com setAttribute. Alterar ícone do botão quando o modo de tema é alterado.

Adicionar margem e quebra de linha no título. Ajustar o layout.

- 1. Introdução
  01:27
- 2. Adicionando JavaScript no HTML e Configurações Iniciais
  03:51
- 3. Conhecendo o JavaScript
  02:33
- 4. Aprendendo sobre Variáveis
  07:28
- 5. Tipos de Dados das Variáveis
  14:56
- 6. Explorando as Strings
  14:33
- 7. Explorando os Arrays
  08:17
- 8. Operadores Aritméticos
  09:49
- 9. Operadores de Comparação
  15:24
- 10. If e Else
  04:48
- 11. For
  20:24
- 12. Criando Funções
  21:09
- 13. Manipulando o DOM
  20:49
- 14. Trabalhando com Eventos
  07:55
- 15. Apresentação do Projeto
  01:56
- 16. Definindo a Estrutura do Projeto
  14:35
- 17. Implementando o JavaScript
  15:09
- 18. Construindo o Modal
  11:46
- 19. Modo Dark e Modo Light
  12:17
- Emitir certificado