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

1 vote144 views1 answer
Html bookmark spot
Html
18 votes125 views2 answers
How to add script in html head
Html
0 vote132 views1 answer
Update only update_at field on laravel eloquent
Html
-1 vote129 views1 answer
Html style type
Html
4 votes124 views3 answers
Composer new laravel
Html
1 vote125 views1 answer
Wie macht man ein iframe
Html
0 vote142 views1 answer
Possible colors used for html
Html
0 vote136 views1 answer
Typo3 symlinks
Html
8 votes126 views2 answers
Html images with link
Html
0 vote122 views1 answer
Form INPUT Determine multiple file extensions
Html