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

1 vote267 views1 answer
Meter balise
Html
16 votes285 views6 answers
Card in bootstrap
Html
0 vote275 views1 answer
Javascript how to set a textbox value to nothing
Html
91 votes305 views6 answers
Open link in a new tab
Html
0 vote250 views1 answer
Twig form row label
Html
3 votes244 views1 answer
Html form button don't submit
Html
1 vote287 views1 answer
Remove arrow dropdown bootstrap
Html
25 votes264 views6 answers
Bootstrap nav
Html
0 vote251 views1 answer
Html endofline in td
Html
42 votes255 views6 answers
Html newline
Html