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 vote241 views3 answers
Center vertically and horizontally bootstrap 4
Html
0 vote195 views1 answer
Js input just audio files
Html
0 vote271 views3 answers
A4E65CBE3A6138978B9A802656F13AED.uat01-vm-tx01
Html
2 votes212 views1 answer
Htmladjacent
Html
75 votes204 views6 answers
Button bootstrap
Html
0 vote200 views1 answer
How to make a button in html go to another address
Html
0 vote197 views1 answer
Font awesome animate
Html
1 vote202 views2 answers
Ion icon image
Html
0 vote208 views1 answer
Avoid textarea user input
Html
1 vote213 views1 answer
Default date in html
Html