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

2 votes316 views2 answers
Background position in html
Html
0 vote359 views1 answer
How to import popper.js
Html
20 votes316 views2 answers
Select empty option
Html
-1 vote366 views1 answer
Default index.html code reac
Html
-1 vote309 views1 answer
What is participe passe
Html
31 votes309 views6 answers
A tag html
Html
1 vote377 views1 answer
Using new line(\n) in string and rendering the same in HTML
Html
0 vote364 views2 answers
Jinja2.exceptions.templatenotfound: templates/index.html
Html
19 votes330 views5 answers
Navbar in bootstrap4
Html
2 votes351 views2 answers
Onsubmit in html
Html