Como eu faço para ao escolher a opçao ela permanecer ? sem usar a preferencia do sistema
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Como eu faço para ao escolher a opçao ela permanecer ? sem usar a preferencia do sistema
Opa Roberto, tudo bem?
Uma opção de fazer isso é utilizando o Local Storage do navegador. O Local Storage é uma forma de armazenar dados no navegador do usuário, de forma que esses dados possam ser acessados posteriormente.
Segue um código exemplo:
const darkModeToggle = document.querySelector('#dark-mode-toggle');
const body = document.body;
let darkModeEnabled = localStorage.getItem('darkModeEnabled');
if (darkModeEnabled) {
body.classList.add('dark-mode');
} else {
body.classList.remove('dark-mode');
}
darkModeToggle.addEventListener('click', () => {
if (body.classList.contains('dark-mode')) {
body.classList.remove('dark-mode');
darkModeEnabled = false;
} else {
body.classList.add('dark-mode');
darkModeEnabled = true;
}
localStorage.setItem('darkModeEnabled', darkModeEnabled);
});
Fico à disposição.
Tenha um bom dia e bons estudos.