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 vote165 views2 answers
Button to hide and show div
Html
1 vote233 views1 answer
Holy grail with flexbox
Html
2 votes173 views2 answers
Svg img tag not showing
Html
0 vote172 views2 answers
Vue img src
Html
0 vote290 views1 answer
Wow html
Html
18 votes176 views5 answers
Bootstrap 5 modal
Html
1 vote233 views1 answer
How to add an html anchor
Html
0 vote177 views1 answer
Is redux based on flux
Html
2 votes169 views3 answers
Html single quote code
Html
3 votes181 views1 answer
Firefox image/svg+xml not working
Html