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

2 votes161 views3 answers
How to remove line in href tag in html
Html
-4 votes210 views2 answers
Image opacity in html
Html
0 vote164 views1 answer
Empty pre-selected option html
Html
1 vote186 views1 answer
Multiple form submit for different form action
Html
8 votes161 views2 answers
Html images with link
Html
2 votes233 views2 answers
Move button to right bootstrap
Html
0 vote165 views1 answer
Uncaught TypeError: Bootstrap
Html
1 vote176 views3 answers
Center iframe
Html
0 vote163 views1 answer
UttwuuwudqtudutauutduatTDUaduatduituitdA
Html
51 votes199 views4 answers
Add link to text html
Html