Local storage

PHOTO EMBED

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