mirror of
https://gitlab.com/tutorial-java-rafa-munoz/tutorial-java-2024-25/LMSGI-2024-25.git
synced 2025-11-09 18:03:06 +01:00
43 lines
1.4 KiB
HTML
43 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<script>
|
|
function guardarObjeto() {
|
|
// Crear un objeto con datos de usuario
|
|
let usuario = {
|
|
nombre: prompt("Introduce tu nombre:"),
|
|
edad: parseInt(prompt("Introduce tu edad:")), // Convertir a número
|
|
ciudad: prompt("Introduce tu ciudad:")
|
|
};
|
|
|
|
// Convertir el objeto a JSON y guardarlo en localStorage
|
|
localStorage.setItem("usuario", JSON.stringify(usuario));
|
|
|
|
alert("Datos guardados en localStorage.");
|
|
}
|
|
|
|
function recuperarObjeto() {
|
|
// Recuperar el objeto desde localStorage
|
|
let usuarioJSON = localStorage.getItem("usuario");
|
|
|
|
if (usuarioJSON) {
|
|
// Convertir de JSON a objeto
|
|
let usuario = JSON.parse(usuarioJSON);
|
|
|
|
// Mostrar el objeto en consola y en la página
|
|
console.log(usuario);
|
|
document.getElementById("resultado").innerText = JSON.stringify(usuario, null, 2);
|
|
} else {
|
|
alert("No hay datos guardados.");
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<button onclick="guardarObjeto()">Guardar Usuario</button>
|
|
<button onclick="recuperarObjeto()">Recuperar Usuario</button>
|
|
<pre id="resultado"></pre>
|
|
</body>
|
|
</html>
|