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 votes146 views10 answers
Atom
Html
0 vote133 views1 answer
Align buttons next to each other bootstrap
Html
0 vote151 views1 answer
Code for centre text in html
Html
0 vote146 views1 answer
Mobile screen ful width not get in html 5
Html
31 votes149 views6 answers
A tag html
Html
178 votes141 views5 answers
Html space tag
Html
23 votes139 views6 answers
Meta tags
Html
0 vote154 views1 answer
Hightcharts font
Html
0 vote131 views1 answer
Bootsrp
Html
0 vote132 views1 answer
Chrome youtube tab goes blank
Html