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

18 votes223 views3 answers
Default checked radio button
Html
0 vote223 views1 answer
How to link excel sheet to html page
Html
0 vote234 views1 answer
Resgion html
Html
1 vote221 views2 answers
Cross icon font awesome
Html
18 votes226 views2 answers
Html css center text on page
Html
1 vote265 views2 answers
Scrollbar in html div
Html
2 votes230 views1 answer
Omega ruby
Html
3 votes214 views5 answers
Align button right
Html
39 votes234 views6 answers
Bold html
Html
0 vote220 views1 answer
Html set all text size
Html