Global Dark-Mode Switch (JS & Query)

app.js

            // © Mohnish Landge
            // [Creative Coding Challenges] #001
            // HTML Direct ID Dark-Mode Toggle

            var root = document.getElementsByTagName('html')[0];
            root.className += ' myCssClass';

            let darkMode = localStorage.getItem('darkMode');

            function enableDarkMode() {
                document.getElementsByTagName('html')[0].classList.add('darkmode');
                localStorage.setItem('darkMode', 'enabled');
            }

            function disableDarkMode() {
                document.getElementsByTagName('html')[0].classList.remove('darkmode');
                localStorage.setItem('darkMode', null);
            }

            if (darkMode === 'enabled') {
                enableDarkMode();
            }
            // Listeners
            const darkModeToggle = document.querySelector('#dark-mode-toggle');
            darkModeToggle.addEventListener('click', () => {
                darkMode = localStorage.getItem('darkMode');
                darkMode !== 'enabled' ? enableDarkMode() : disableDarkMode();
            });
            // © Mohnish Landge
            // First learn the code you'll actually use in your projects.