How to make a dark mode html

<!DOCTYPE html>
<html>
    <head><title>How to Dark Mode in HTML5</title></head>
    <body>
        <button onclick="darkMode()">Click me</button>
    </body>
    <script>
        function darkMode() {
            if (document.body.style.backgroundColor == "black") {
                document.body.style.backgroundColor = "white";
            } else {
                document.body.style.backgroundColor = "black";
            }
            console.log(document.body.style.backgroundColor);   // ctrl + j and you can see which mode you're in
        }
    </script>
</html>

Similar codes

4 votes364 views1 answer
Custom iframe
Html
6 votes320 views1 answer
Make div clickable
Html
4 votes326 views2 answers
Free html hosting
Html
0 vote348 views1 answer
How to align table in html
Html
0 vote328 views1 answer
96.158.226.150
Html
1 vote356 views2 answers
Vue 3 emits
Html
0 vote315 views1 answer
Tailwind resize none
Html
0 vote351 views1 answer
Html video autosize
Html
0 vote305 views1 answer
Como ir para outra página em html
Html
13 votes373 views3 answers
Html variables
Html