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 votes204 views6 answers
Install laravel using composer
Html
0 vote205 views1 answer
Change body font
Html
0 vote205 views1 answer
Input type submit align center
Html
226 votes239 views6 answers
Html css
Html
1 vote205 views2 answers
Html tutorial
Html
4 votes316 views6 answers
Uncaught ReferenceError: $ is not defined
Html
0 vote198 views1 answer
Html div horizontal
Html
13 votes237 views1 answer
Centre text
Html
0 vote205 views2 answers
Jquery html input value add
Html
3 votes195 views3 answers
How to add animated text in html
Html