feat(ch 5): JS second block solved & accesoGenders.html

2025-11-10 02:13:05 +01:00 · 2025-03-17 16:29:45 +01:00
parent 63fecbac6a
commit a1fd008a8e
8 changed files with 188 additions and 8 deletions
--- a/Unidad_05_Javascript/ejercicios/bloque02/ejercicio02.html
+++ b/Unidad_05_Javascript/ejercicios/bloque02/ejercicio02.html
@@ -0,0 +1,42 @@
+<!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>