function darkMode() { var element = document.body; var content = document.getElementById("DarkModetext"); element.className = "darkmode11" content.innerText = "Dark Mode is ON" content.style.color = "white" } function lightMode() { var element = document.body var content = document.getElementById("DarkModetext") content.innerText = "Dark Mode is OFF" element.className = "lightmode11" content.style.color = "black" }//Hice dos funciones, una es para el modo oscuro y otra para el modo claro, el problema es que cuando enciendo el modo oscuro y actualizo la página, el modo oscuro se desactiva
Debe guardar la configuración del modo en algún lugar como cookies o localStorage. El código a continuación hace esto por usted, espero que sea útil. script type='module' significa que este script se ejecuta antes de que se cargue la página, por lo que la página no parpadea de blanco a negro.
<script type="module"> if(localStorage.getItem('mode') == 'dark'){ darkmode(); } function darkMode() { localStorage.setItem("mode","dark"); var element = document.body; var content = document.getElementById("DarkModetext"); element.className = "darkmode11" content.innerText = "Dark Mode is ON" content.style.color = "white" } function lightMode() { localStorage.setItem("mode","light"); var element = document.body var content = document.getElementById("DarkModetext") content.innerText = "Dark Mode is OFF" element.className = "lightmode11" content.style.color = "black" } </script>Puede almacenar fácilmente si el modo oscuro está activado o no en localStorage.
localStorage.setItem("theme", "dark");