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

0 vote113 views1 answer
Pug html adalah
Html
4 votes66 views1 answer
Meta noindex
Html
16 votes71 views1 answer
Table attributes in html
Html
4 votes123 views1 answer
Code hightlighting html
Html
9 votes268 views1 answer
Html floating button
Html
0 vote113 views1 answer
Htlm param
Html
9 votes111 views5 answers
Float in bootstrap 5
Html
0 vote87 views1 answer
Display c# code in html
Html
0 vote116 views1 answer
"downloads.wkhtmltopdf.org"
Html
1 vote111 views1 answer
Js cannot copy entire object
Html