|
|
Linha 15: |
Linha 15: |
| } | | } |
|
| |
|
| const toggle = document.getElementById("toggle"); | | const btn = document.querySelector(".btn-toggle"); |
| const refresh = document.getElementById("refresh");
| |
| const theme = window.localStorage.getItem("theme");
| |
|
| |
|
| /* verifica se o tema armazenado no localStorage é escuro
| | btn.addEventListener("click", function () { |
| se sim aplica o tema escuro ao body */
| | document.body.classList.toggle("dark-theme"); |
| if (theme === "dark") document.body.classList.add("dark");
| |
| | |
| // event listener para quando o botão de alterar o tema for clicado
| |
| toggle.addEventListener("click", () => {
| |
| document.body.classList.toggle("dark"); | |
| if (theme === "dark") {
| |
| window.localStorage.setItem("theme", "light");
| |
| } else window.localStorage.setItem("theme", "dark");
| |
| });
| |
| | |
| refresh.addEventListener("click", () => {
| |
| window.location.reload();
| |
| }); | | }); |