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

12 votes223 views2 answers
Bootstrap for header
Html
112 votes221 views6 answers
Html padding
Html
0 vote204 views1 answer
Nunjucks variables
Html
2 votes222 views2 answers
Bootstrap 5 rounded
Html
0 vote227 views1 answer
How to select multiple elements in vs code mac
Html
0 vote226 views1 answer
Month and year picker bootstrap
Html
5 votes221 views2 answers
Iframe 100 responsive
Html
0 vote205 views1 answer
Pw.println("<br><br><a href= 'WishApp/index.html'>Home</a>");
Html
4 votes193 views10 answers
1+1
Html
1 vote214 views4 answers
How to stop screen rotation in android code
Html