Como preservar variáveis ​​JavaScript em atualizações de página

Em JavaScript, as variáveis ​​normalmente perdem seus valores quando a página é atualizada. No entanto, existem técnicas para tornar as variáveis ​​​​persistentes.

Uma dessas técnicas envolve a utilização de mecanismos de armazenamento na web como window.localStorage ou window.sessionStorage. LocalStorage persiste dados além das sessões do navegador, enquanto sessionStorage retém dados apenas dentro da sessão atual.

Para salvar uma variável usando localStorage, use o seguinte:

var someVarName = "value";
localStorage.setItem("someVarKey", someVarName);

Para recuperar a variável salva:

var someVarName = localStorage.getItem("someVarKey");

Lembre-se, localStorage armazena apenas valores de string. Para trabalhar com outros tipos de dados, considere usar JSON.stringify e JSON.parse.

Para obter mais informações e opções de compatibilidade, consulte o guia de armazenamento DOM do MDN e outros recursos fornecidos na seção de referência abaixo.