Local storage
Fri Feb 04 2022 13:21:49 GMT+0000 (Coordinated Universal Time)
Saved by
@Evgeniya
// local storage
let theme = 'dark';
let lang = 'en';
// 1. Могут быть два варианта: сохранять переменную при каждом её изменении, или
//сохранить данные только перед перезагрузкой или закрытием страницы(событие beforeunload)
function setLocalStorage() {
localStorage.setItem('lang', lang);
localStorage.setItem('theme', theme);
}
window.addEventListener('beforeunload', setLocalStorage);
// 2. перед загрузкой страницы (событие load) данные нужно восстановить и отобразить
function getLocalStorage() {
if (localStorage.getItem('lang')) {
const lang = localStorage.getItem('lang');
getTranslate(lang);
};
if (localStorage.getItem('theme')) {
const theme = localStorage.getItem('theme');
if (theme === 'light') {
changeTheme();
}
}
}
window.addEventListener('load', getLocalStorage);
content_copyCOPY
Comments