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 vote246 views2 answers
Html star
Html
3 votes287 views3 answers
Ss
Html
6 votes236 views1 answer
Html checkbox
Html
5 votes260 views3 answers
Mdb bootstrap textarea
Html
0 vote249 views1 answer
Set placeholder text
Html
4 votes260 views2 answers
Standard html starter code
Html
2 votes265 views2 answers
Material ui width textfield
Html
0 vote256 views4 answers
Jeremy thomas web design
Html
0 vote247 views1 answer
How to summon an entity with a tag
Html
0 vote249 views2 answers
Sup html
Html