باقی نماندن در حالت دارک

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام برای من local storage ایجاد میشه و تو مرورگر هم دیده میشه

ولی بعد از رفرش باز هم به حالت light برمی گرده

jQuery(document).ready(function(){
jQuery('#switchCheckbox').change(function(){
            jQuery('body').toggleClass('night');
   localStorage.setItem('test','localStorage');
});
});
jQuery(document).ready(function(){
jQuery('#switchCheckbox').change(function(){
localStorage.setItem('test','localStorage');
localStorage.getItem('test','localStorage');
});
});

سلام، کدتون رو به شکل زیر اصلاح کنید:

jQuery(document).ready(function() {
    jQuery('#switchCheckbox').change(function() {
        jQuery('body').toggleClass('night');
        if (localStorage.getItem('night-mode')) {
            localStorage.removeItem('night-mode');
        } else {
            localStorage.setItem('night-mode', 'true');
        }
    });
    if (localStorage.getItem('night-mode')) {
        jQuery('body').addClass('night');
        jQuery('#switchCheckbox').prop('checked', true);
    }
});

بهترین پاسخ

صادق برزگر ۱۹ فروردین ۱۴۰۲، ۰۳:۴۳