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

48 votes274 views6 answers
Bootstrap 5 CDN LINK
Html
4 votes243 views4 answers
Html base
Html
1 vote229 views1 answer
What is the code element in html
Html
4 votes244 views2 answers
Conveert text to uppercase in input field
Html
1 vote225 views1 answer
Bootsrap cards
Html
5 votes235 views4 answers
Sndl stock
Html
0 vote253 views1 answer
Get all href from html
Html
8 votes247 views2 answers
Play audio source on html
Html
3 votes239 views2 answers
Line break in HTML with '\n'
Html
0 vote241 views1 answer
Vue pick 20 items from array
Html