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

1 vote163 views1 answer
View HTML5 Video on iOS devices without going to full screen
Html
0 vote152 views1 answer
How to serve webP images with fallback
Html
0 vote169 views1 answer
Input focus onload
Html
0 vote148 views2 answers
Block elements
Html
1 vote137 views1 answer
Inspect google remote device disable screencast
Html
0 vote159 views1 answer
How to make text center above image html
Html
0 vote155 views1 answer
Change SEO description HTML
Html
33 votes152 views10 answers
Chat
Html
13 votes139 views1 answer
Download im<a href="the/name/of/your/file.x" download>ages html code
Html
1 vote136 views1 answer
Doc.fromhtml is not a function
Html