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/ejercicio01.html
+++ b/Unidad_05_Javascript/ejercicios/bloque02/ejercicio01.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <script>
+        function leerObjeto() {
+            // Pedir datos al usuario con prompt()
+            let nombre = prompt("Introduce tu nombre:");
+            let edad = prompt("Introduce tu edad:");
+            let ciudad = prompt("Introduce tu ciudad:");
+
+            // Crear el objeto con los datos introducidos
+            let usuario = {
+                nombre: nombre,
+                edad: parseInt(edad), // Convertir a número
+                ciudad: ciudad
+            };
+
+            // Mostrar el objeto como JSON en una alerta
+            alert(JSON.stringify(usuario, null, 2));
+
+            // También mostrarlo en el div de la página
+            document.getElementById("resultado").innerText = JSON.stringify(usuario, null, 2);
+        }
+    </script>
+</head>
+<body>
+    <button onclick="leerObjeto()">Ingresar datos</button>
+    <pre id="resultado"></pre>
+</body>
+</html>