Ejemplo

localStorage - Cambio de color de fondo

Gris 1Gris 2Gris 3Blanco

localStorage - Guardando clics

0

sessionStorage - Guardando color del texto solo para esta sesión

RojoAzulGrisNegro

Nueva página (interna) sin salir de la sesión

Nueva página (externa) sin salir de la sesión (para volver dale al botón de retroceder del navegador o pega el enlace de nuevo)

Sin almacenamiento - Cambio de tipografía

Borrar datos almacenados

Borra la variable, pero no cambia el color. Recarga la página para "visualizar" el cambio.

Igual que en el caso anterior

Borra las dos variables de localStorage y la variable de sessionStorage. Para comprobarlo recarga la página.

Para comprobar que realmente se han borrado, puede recargarse la página

Breve explicación

Siempre y cuando no cerremos la pestaña, la sesión se mantendrá. Si la cerramos, se pierde. Por tanto, mientras no cerremos la pestaña, aunque vayamos a una página nueva, mantendremos todas las características que hayamos guardado.

Si cerramos la pestaña y abrimos una nueva, mantendremos el color de fondo que habíamos seleccionado, pero no el color del texto.