7 974
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 14: | Linha 14: | ||
}); | }); | ||
} | } | ||
document.addEventListener('DOMContentLoaded', function () { | |||
const toggleDarkModeDiv = document.getElementById('toggleDarkMode'); | |||
const body = document.body; | |||
// Verifica se o modo escuro está ativado | |||
if (localStorage.getItem('darkMode') === 'enabled') { | |||
enableDarkMode(); | |||
} | |||
// Adiciona um ouvinte de evento para alternar o modo escuro | |||
toggleDarkModeDiv.addEventListener('click', function () { | |||
if (body.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 | |||
body.classList.add('dark-mode'); | |||
// Salva o estado no localStorage | |||
localStorage.setItem('darkMode', 'enabled'); | |||
} | |||
function disableDarkMode() { | |||
// Desativa o modo escuro | |||
body.classList.remove('dark-mode'); | |||
// Salva o estado no localStorage | |||
localStorage.setItem('darkMode', null); | |||
} | |||
}); |