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 vote126 views2 answers
HTTP to HTTPS
Html
0 vote130 views1 answer
Brackeys C#
Html
88 votes120 views6 answers
Change text color in bootstrap
Html
0 vote117 views2 answers
How to align a section center in html
Html
86 votes109 views6 answers
Add image in html
Html
0 vote113 views1 answer
How to defualt volume at 50% of video html
Html
0 vote111 views1 answer
Wicked pdf rails start new page
Html
6 votes122 views2 answers
Bootstrap 4 banner with a button and a text
Html
2 votes114 views4 answers
Markdown color
Html
1 vote111 views1 answer
How to get a division to be in centre of screen in responsive web page for screen of any size
Html