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 vote354 views2 answers
V4l2
Html
16 votes307 views2 answers
Html download link
Html
0 vote304 views4 answers
<script> var x = 4; var y = 5; var z = x + y; z = x*y; document.getElementById('demo').innerHtml= z; system.print(z); </script>
Html
1 vote306 views1 answer
Markdown new page
Html
0 vote327 views1 answer
How to find total height of single page page in html
Html
12 votes291 views3 answers
Basic video player html
Html
-1 vote315 views3 answers
Bootstrap footer bottom of page
Html
8 votes329 views4 answers
Force ssl
Html
0 vote310 views1 answer
Service worker symfony webpack encore
Html
0 vote297 views1 answer
How to show pdf as image in html
Html