Cannot set property ‘className’ of null at setThemeFromCookie

Using JQuery Simplifies the whole thing, using JS Cookie

$(document).ready(function(){

    // Check cookie and set theme
    if(Cookies.get('theme')) {

        $('body').removeClass('light-mode dark-mode').addClass( Cookies.get('theme') );

    };


    //Switch theme and create the cookie...

    $("#theme-toggler").click(function(){

         if ($('body').hasClass( 'light-mode')){
            $('body').removeClass('light-mode').addClass('dark-mode');
            Cookies.set('theme', 'dark-mode');

         }else  {
            $('body').removeClass('dark-mode').addClass('light-mode');
            Cookies.set('theme', 'light-mode');
         }

     });

});

Add id to button.

<button id="theme-toggler" type="button" name="dark_light"  title="Toggle dark/light mode">🌛</button>

Also add this script

<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>

Related Posts:

  1. Write text below a specific part of a sentence
  2. How to insert html/css/javascript code to wordpress plugin
  3. How to integrate my HTML and javascript into my child theme
  4. How to create fa-bars animated menu
  5. How can I get the search form to be selected automatically?
  6. How to Add a Read-only Textbox With Text in it That Has a Button to Copy it?
  7. prevent HTML output if custom field is empty [closed]
  8. Hide Tab Titles from Tabs Block
  9. Unable to use Datepicker in a table when inserting a row
  10. How would I add this code to a single WordPress page?
  11. Trouble with adding preloader to my home page index.html and index.js
  12. Import HTML code that loads css and javascript into specific page
  13. Interactive maps in wordpress
  14. Can I upload my HTML/CSS/Javascript game onto a WordPress page?
  15. Failed to load resource: the server responded with a status of 404 (Not Found)
  16. multiple classes on single element html
  17. How to insert spaces/tabs in text using HTML/CSS
  18. How to get these two divs side-by-side?
  19. Bootstrap Dropdown menu is not working
  20. How to make the HTML link activated by clicking on the
  21. ?
  22. Set timeout for ajax (jQuery)
  23. How to change text transparency in HTML/CSS?
  24. How does the data-toggle attribute work? (What’s its API?)
  25. CSS height 100% percent not working
  26. Uncaught TypeError: Cannot read property ‘top’ of undefined
  27. How do I right align div elements?
  28. How to print HTML content on click of a button, but not the page?
  29. Bootstrap 4 Dropdown Menu not working?
  30. How would you make two
  31. CSS “margin: 0 auto” not centering
  32. How to write inside a DIV box with javascript
  33. How can I insert vertical blank space into an html document?
  34. How to get height of div in px dimension
  35. Crop the image using JavaScript
  36. Force div to be topmost element of any and all webpages
  37. How to display raw JSON data on a HTML page
  38. How to have an anim gif on a link and play it on hover and reset
  39. Align text to the bottom of a div
  40. How to make a