1
resposta

[Dúvida] Preferencia do navegador

Como eu faço para ao escolher a opçao ela permanecer ? sem usar a preferencia do sistema

1 resposta

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.

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!