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 vote266 views1 answer
Histogram with frequency curve using seaborn
Html
0 vote308 views1 answer
Table body element
Html
3 votes322 views1 answer
How to add country flag in html
Html
1 vote313 views1 answer
Json-ld for portfolio site
Html
0 vote304 views1 answer
Hr in html
Html
68 votes336 views4 answers
Favicon in html document
Html
0 vote302 views1 answer
How to change mouse into hand icon when you hover over something in html
Html
10 votes307 views1 answer
Stylesheet einbinden html
Html
1 vote318 views1 answer
Iframe with html string
Html
11 votes318 views2 answers
Fullscreen tkinter
Html