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 vote175 views2 answers
Html select default value disabled
Html
0 vote155 views1 answer
<pre>; html tag that preserves spacing
Html
0 vote152 views1 answer
Onclick on radio button
Html
6 votes140 views2 answers
Property 'on' does not exist on type 'HTMLElement'.
Html
1 vote151 views1 answer
Electron reload html
Html
0 vote154 views1 answer
Html email signature tutorial
Html
1 vote97 views1 answer
Embed links discord
Html
0 vote143 views1 answer
Navbar at top of viewport
Html
19 votes151 views1 answer
Bootstrap flex vertical align
Html
1 vote155 views1 answer
Vue submit reloads page
Html