|
|
Linha 14: |
Linha 14: |
| }); | | }); |
| } | | } |
|
| |
| const toggleDarkModeDiv = document.getElementsByClassName('clickable');
| |
| const content = document.getElementById('content');
| |
|
| |
| for (i = 0; i < coll.length; i++) {
| |
| toggleDarkModeDiv[i].addEventListener('click', function () {
| |
| if (content.classList.contains('dark-mode')) {
| |
| // Desativa o modo escuro se estiver ativado
| |
| disableDarkMode();
| |
| } else {
| |
| // Ativa o modo escuro se estiver desativado
| |
| enableDarkMode();
| |
| }
| |
| });
| |
| }
| |
|
| |
| if (localStorage.getItem('darkMode') === 'enabled') {
| |
| enableDarkMode();
| |
| }
| |
|
| |
| for (i = 0; i < toggleDarkModeDiv.length; i++) {
| |
| toggleDarkModeDiv[i].addEventListener('click', function () {
| |
| if (content.classList.contains('dark-mode')) {
| |
| // Desativa o modo escuro se estiver ativado
| |
| disableDarkMode();
| |
| } else {
| |
| // Ativa o modo escuro se estiver desativado
| |
| enableDarkMode();
| |
| }
| |
| });
| |
| }
| |
|
| |
| function enableDarkMode() {
| |
| // Ativa o modo escuro
| |
| content.classList.add('dark-mode');
| |
| // Salva o estado no localStorage
| |
| localStorage.setItem('darkMode', 'enabled');
| |
| }
| |
|
| |
| function disableDarkMode() {
| |
| // Desativa o modo escuro
| |
| content.classList.remove('dark-mode');
| |
| // Salva o estado no localStorage
| |
| localStorage.setItem('darkMode', null);
| |
| }
| |