O localStorage nos permite salvar pequenos pares de chave e valor diretamente no navegador do cliente de forma persistente, mantendo os dados salvos mesmo se ele fechar a aba ou reiniciar o computador.
1. Gravando e Lendo Dados na Memória
Os métodos fundamentais são extremamente diretos: setItem para persistir o dado e getItem para resgatá-lo em execuções posteriores.
// Gravando a preferência
localStorage.setItem("tema", "escuro");
// Resgatando o valor
const temaSalvo = localStorage.getItem("tema");
Nota Importante:
O LocalStorage só aceita strings. Se você precisar armazenar arrays ou objetos completos do JS, converta-os em texto antes usando
JSON.stringify() e recupere com JSON.parse().