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 vote188 views1 answer
Close copy with html
Html
8 votes210 views6 answers
Bootstrap cards
Html
0 vote192 views1 answer
Creating navigation menu using html and css
Html
0 vote189 views1 answer
Httponly
Html
29 votes236 views2 answers
Html underline tag
Html
0 vote200 views1 answer
User
Html
0 vote233 views1 answer
High load linux
Html
0 vote181 views1 answer
Html multiple file upload
Html
52 votes190 views4 answers
HTML starter
Html
15 votes186 views1 answer
Tabulation html
Html