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 vote133 views2 answers
Border dashed spacing
Html
2 votes130 views2 answers
Socket io script
Html
0 vote138 views1 answer
Java ee static html
Html
1 vote134 views1 answer
Make link open in new tab
Html
0 vote112 views2 answers
Hoe to make a html page attractive
Html
1 vote133 views1 answer
Getproductpricehtml magento 2
Html
1 vote127 views1 answer
Nuxt v if two conditions
Html
0 vote137 views1 answer
Elasticsearch built-in security features are not enabled. Without authentication, your cluster could be accessible to anyone. See https://www.elastic.co/guide/en/elasticsearch/reference/7.15/security-minimal-setup.html to enable security.
Html
1 vote130 views1 answer
Bootstrap navbar-inverse not working
Html
1 vote135 views1 answer
Bootstrap center button horizontally
Html