Cómo conservar las variables de JavaScript durante las actualizaciones de la página

En JavaScript, las variables normalmente pierden sus valores cuando se actualiza la página. Sin embargo, existen técnicas para hacer que las variables sean persistentes.

Una de esas técnicas implica el uso de mecanismos de almacenamiento web como window.localStorage o window.sessionStorage. LocalStorage conserva los datos más allá de las sesiones del navegador, mientras que sessionStorage conserva los datos solo dentro de la sesión actual.

Para guardar una variable usando localStorage, utilice lo siguiente:

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

Para recuperar la variable guardada:

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

Recuerde, localStorage sólo almacena valores de cadena. Para trabajar con otros tipos de datos, considere usar JSON.stringify y JSON.parse.

Para obtener más información y opciones de compatibilidad, consulte la guía de almacenamiento DOM de MDN y otros recursos proporcionados en la sección de referencia a continuación.