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

2 votes311 views1 answer
Display image in twig
Html
0 vote300 views1 answer
Calculate spread percentage
Html
27 votes312 views6 answers
Animation properties css
Html
0 vote345 views1 answer
Open Dropdown pop up upwards forcely
Html
0 vote420 views1 answer
Coding a classic grid in html
Html
0 vote312 views1 answer
Html to text npm
Html
0 vote363 views1 answer
Tailwind CSS Spinner Sizes
Html
53 votes263 views6 answers
Html favicon link
Html
0 vote349 views1 answer
How to do auto download when you click on a link
Html
0 vote310 views1 answer
How to youtube video running again and again html
Html