Hola a todos, tengo una pregunta, ¿cómo puedo guardar el estado de las tarjetas activas, así como los valores de los contadores? La lógica es tarjeta activa + 1 , difiere del resto en el estilo, haga clic repetidamente en la misma tarjeta - 1 , el estilo vuelve a su estado original. En este momento solo estoy guardando el valor de las tarjetas en las que se hizo clic. Pero necesito que todo permanezca en su lugar después de recargar la página.

ejemplo de código

 const counter: HTMLDivElement = <HTMLDivElement>document.querySelector('.counter'); const activeCard = get('cardState'); [image].forEach((el) => { el.onclick = (evt) => { evt.preventDefault(); const active = el.classList.toggle(style.otherImgActive); if (el.classList.contains(style.otherImgActive)) { set('cardState', (shopCart.innerHTML = `${Number(shopCart.innerHTML) + 1}`)); } else { set('cardState', (shopCart.innerHTML = `${Number(shopCart.innerHTML) - 1}`)); } }; });

fucn responsable del almacenamiento local

 const set = (name: string, value: string) => { window.localStorage.setItem(name, JSON.stringify(value)); }; const get = (name: string) => { return JSON.parse(window.localStorage.getItem(name) || subStr); }; const remove = (name: string) => { localStorage.removeItem(name); }; const clean = () => { localStorage.clear(); };