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 vote204 views2 answers
Javascript animated alert message box
Html
0 vote186 views1 answer
Card
Html
6 votes187 views2 answers
Html meta redirect to another page
Html
0 vote189 views1 answer
What is difference between React router and react router Dom?
Html
2 votes194 views1 answer
Get http://localhost:8080/favicon.ico 404 (not found)
Html
1 vote229 views1 answer
Html checkbox label clickable
Html
1 vote222 views1 answer
Void javascript link
Html
0 vote217 views1 answer
Get all html element data using angular
Html
18 votes181 views4 answers
Meta icon html
Html
0 vote185 views1 answer
Cannot play media. no decoders for requested formats: text/html
Html