Índice

El almacenamiento persistente

Las instrucciones disponibles son:

Añadir un valor

Es posible agregar un dato persistente mediante la propiedad setItem() del objeto localStorage. Estos datos toman la forma de pares (clave, valor). Hay que destacar que estos pares son cadenas de caracteres y pueden estar vacíos. La sintaxis es:

localStorage.setItem(clave, valor);

Los nombres también se almacenan como cadenas de caracteres. Para utilizarlos como tales, es preciso usar las funciones parseInt(), parseFloat() o Number() de JavaScript clásico.

Leer un valor almacenado

La propiedad getItem() permite recuperar un valor que ya existe. Su sintaxis es:

localStorage.getItem(clave);

Eliminar un valor almacenado

Para eliminar un valor, el desarrollador dispone de la propiedad removeItem().

localStorage.removeItem(clave);

De este modo, la clave que se ha pasado como parámetro y el valor asociado a ella se borrarán. Si la clave no existe, no se borrará nada.

Eliminar todos los valores almacenados

Para eliminar todos los pares clave/valor, el desarrollador dispone de la propiedad clear().

localStorage.clear();

Ejemplo

Elaboramos una lista de la compra que se puede completar día a día.

Al principio:

images/CAP24IMG01.png

Después de rellenar la lista:

images/CAP24IMG02.png

El código

<!doctype html>  
<html>  
<head>  
<title>Html5</title>  
<meta charset="utf-8">  
<style type="text/css">  
#box { border: 1px dotted navy;  
       padding-left: 3px;   ...