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

16 votes149 views6 answers
Mdbootstrap
Html
0 vote159 views1 answer
Static html template
Html
31 votes189 views5 answers
Ng if else
Html
0 vote158 views1 answer
How to add label on image in html
Html
0 vote188 views1 answer
Bootstrap5 lineheight
Html
0 vote166 views1 answer
Converting HTML table to image
Html
35 votes287 views6 answers
Js jquery
Html
0 vote155 views1 answer
Open app instagram with url html tag on android
Html
11 votes149 views2 answers
Top middle bottom html
Html
0 vote199 views1 answer
Javascript change the number of range on change
Html