[Сергей Ракипов]

Сергей Ракипов,
лучше макет, а не часть кода.

увидел что плохо, решил переделать

Но у меня вот в чем вопрос

Теоретическую часть localStorage я понял но на практике не могу реализовать

const termsOfUse = document.querySelector(".terms_of_use");
const iAgree = document.querySelector(".i_agree");
const main = document.querySelector(".main");

window.onload = function{
	if (localStorage.getItem("hide") !==null){
		let hideBlock = localStorage.getItem("hide");
		main.style.transform = translate;
	}
		setTimeout(function (){
		termsOfUse.style.transform = "translateY(0%)";
		}, 0);


		function appearance(){
		let blockHeinght = termsOfUse.getBoundingClientRect().height;
		main.style.transform = "translateY(" + blockHeinght + "px)";

		}
		appearance();

		function back(){
		termsOfUse.style.transform = "translateY(-100%)";

		let blockHeinght = termsOfUse.getBoundingClientRect().height;
		main.style.transform = "translateY(" + "0"  + "px)";
		localStorage.setItem("hide", "translate");

		}
		iAgree.onclick = back;
}

То есть я тут даже не понял что мне нужно в куки записать

И сразу на понимаю я извлекаю из куки функию, скрипт или стили?
И если нужно несколько стилей, например цвет и размер шрифта как сделать, тут всего один это положение.