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

3 votes295 views4 answers
When i click on one checkbox check all checkboxes
Html
1 vote325 views3 answers
Html how to make space between words
Html
0 vote301 views1 answer
Header with rowspan
Html
2 votes288 views2 answers
Html bottom right corner
Html
0 vote295 views1 answer
Data-url html
Html
1 vote327 views1 answer
Display object with indentaion in html
Html
0 vote304 views1 answer
How to make the border invisible in html
Html
4 votes384 views1 answer
Target blank rel
Html
0 vote305 views1 answer
Static html require a role
Html
1 vote300 views1 answer
Fullpage cdn
Html