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 vote264 views1 answer
Html timed hide
Html
1 vote300 views1 answer
How to move all html files from one directory to other using python
Html
19 votes283 views3 answers
Default html template
Html
0 vote284 views1 answer
Laravel project doesn't go into the public folder by itself
Html
15 votes269 views2 answers
Scroll smooth css
Html
0 vote276 views1 answer
How to make auto focus textarea vuejs
Html
2 votes376 views2 answers
Fa fa reset
Html
0 vote225 views1 answer
Data toggle in bootstrap 4
Html
3 votes322 views1 answer
How to round the edges of an image in HTML
Html
18 votes271 views3 answers
How to create white space in html
Html