Ejercicio de programación con HTML: Reto geolocalización en HTML

Código
Práctica
0h 5m

Practica la geolocalización en HTML5 creando una página que obtiene y muestra la ubicación actual del usuario con JavaScript.

Crea una página web que muestre la ubicación actual del usuario utilizando la API de Geolocalización de HTML5. La página debe contener:

  1. Un botón con el texto "Obtener mi ubicación" que, al hacer clic, solicite al navegador la ubicación del usuario.

  2. Un elemento que muestre un mensaje de estado (por ejemplo, "Buscando tu ubicación...", "Ubicación encontrada", o mensajes de error).

  3. Un área donde se muestren las coordenadas (latitud y longitud) cuando se obtenga la ubicación con éxito.

Asegúrate de manejar correctamente los posibles errores, como cuando el usuario deniega el permiso o cuando la ubicación no está disponible. Utiliza solo HTML y JavaScript (sin frameworks ni bibliotecas externas).

Empezar ejercicio de programación

Todos los ejercicios de programación de HTML

Evalúa tus conocimientos con ejercicios de programación en HTML de tipo Test, Puzzle, Código y Proyecto con VSCode.

Tutorial para resolver este ejercicio de programación

HTML5

HTML

Geolocalización con HTML

APIs de HTML5

Otros tutoriales de programación con HTML