Estou desenvolvendo um site e queria implementar aquela famosa função “dark” para que o usuario possa escolher.
Pesquisando e garimpando nossa querida internet, consegui ter um certo resultado, criei o tal botão “Dark” e de quebra o “Ligth”.
Porem todas ás vezes que a pagina da refresh o site volta ao padrão (branco mesmo). Meu desejo é fixar essa função para que ela não seja mais alterada. Gostaria de uma ajudinha de vocês mestres!
Segue o código do que já está pronto:
HTML
<body id=“bg”>
…
div>
<button onclick=“light()” type=“button” >Tema Light</button>
<button onclick=“dark()” type=“button” >Tema Dark</button>
</div>
JavaScript
function dark()
{
document.getElementById(‘bg’).style.background=’#212121 center center no-repeat’;
}
function light()
{
document.getElementById(‘bg’).style.background=’#e6e6e6 center center no-repeat’;
}
id
na tagbody
. Vc vai ter mais de umbody
na página?