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

0 vote148 views2 answers
Html code for website design
Html
6 votes184 views3 answers
How to center vertically in bootstrap col
Html
5 votes185 views5 answers
Jquery select2 set value
Html
0 vote183 views2 answers
Html theme meta
Html
0 vote213 views1 answer
Delete html file from git
Html
0 vote175 views1 answer
Pw.println("<br><br><a href= 'WishApp/index.html'>Home</a>");
Html
0 vote194 views1 answer
How sat drop down list in bootstrap 4 like a row and column
Html
0 vote210 views1 answer
Html left chevron symbol
Html
63 votes182 views6 answers
Bootstrap disabled button
Html
0 vote199 views2 answers
Html error
Html