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 vote126 views1 answer
Bootstrap 4 multiple file upload
Html
6 votes140 views6 answers
Boostrap input
Html
0 vote128 views1 answer
Js twice button click
Html
87 votes127 views6 answers
Href tag in html
Html
1 vote170 views1 answer
Placeholder wpf
Html
9 votes131 views2 answers
Html relative path
Html
15 votes122 views4 answers
Cdn material design icons
Html
1 vote178 views1 answer
Ionic button trigger ion-datetime
Html
0 vote92 views1 answer
@endguest
Html
38 votes120 views6 answers
Bootstrap 4 border
Html