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

13 votes104 views1 answer
Css text-angle: center
Html
1 vote101 views1 answer
Html color maroon hex
Html
0 vote125 views4 answers
Html close modal when click outside
Html
1 vote156 views1 answer
React router link to material ui component
Html
0 vote105 views1 answer
How put h:putputText in center of div
Html
1 vote100 views1 answer
Maintenance page html
Html
-1 vote103 views2 answers
Html input type="color"
Html
24 votes91 views5 answers
How to make a rectangle in javascript
Html
0 vote108 views1 answer
Show image only on md screen
Html
26 votes98 views5 answers
How to change font colour in html
Html