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

41 votes147 views1 answer
Website starter
Html
1 vote151 views2 answers
Convert haml to html
Html
0 vote159 views1 answer
How to declare document as html
Html
0 vote191 views2 answers
How to set the width and heigth of the canvas to be the same size as that of an image
Html
66 votes155 views6 answers
How to reload a page
Html
1 vote195 views1 answer
Axonivy composite
Html
0 vote159 views1 answer
Html cancel anchor event
Html
1 vote169 views1 answer
How do you make a partial hr line in html
Html
3 votes168 views6 answers
Ionicons
Html
1 vote173 views1 answer
Line break not working html
Html