Como eu faço para ao escolher a opçao ela permanecer ? sem usar a preferencia do sistema
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.