ccc

Guardar objetos en localStorage

index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="iso-8859-1">
</head>
<body>
<script src="app.js"></script>
</body>
</html>

app.js:
putLocalstorage();
getLocalStorage();

function getLocalStorage() {
if (localStorage.getItem("nombre")) {
nombre = localStorage.getItem("nombre");
console.log("El nombre es: "+nombre);
}
else {
console.log("No existe nombre");
}
if (localStorage.getItem("persona")) {
persona = JSON.parse(localStorage.getItem("persona")); // conv el string en un objeto
console.log("La persona es: ");
console.log(persona); // mostrar todo el objeto
console.log(persona.edad); // mostrar un elemento concreto del objeto
}
else {
console.log("No existe la persona");
}
}

function putLocalstorage() {
persona = {
nombre: "Pepito Pérez",
edad: 41,
email: "prueba@gmail.com",
coords: {
lat: 10,
lng: -10
}
};

nombre = "Fernando Fernández";
localStorage.setItem("nombre", nombre);

// en localStorage solo se pueden almacenar string por lo que hay q convertir el objeto a string
localStorage.setItem("persona", JSON.stringify(persona));
}

No hay comentarios:

Publicar un comentario