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 votes238 views2 answers
Html color gold hex
Html
0 vote250 views1 answer
Disable copy text from a website
Html
0 vote290 views2 answers
Html starting tag
Html
1 vote245 views2 answers
Reactstrap input background color when autocomplete
Html
0 vote229 views1 answer
Theme colur in html
Html
0 vote228 views1 answer
Tailwind container
Html
0 vote228 views1 answer
Fa fa draft
Html
1 vote243 views1 answer
Vertical break html
Html
0 vote230 views1 answer
MyTeam
Html
0 vote228 views1 answer
V-select key
Html