GitLab

• Descripción:
  A partir de un archivo HTML proporcionado, desarrollar el archivo JavaScript necesario para mostrar y navegar entre los distintos recursos sanitarios disponibles.
  No se debe modificar el HTML.
  El script deberá leer los datos desde un archivo .json con el formato de respuesta típico de una API REST (_embedded), y mostrarlos dentro de los campos del formulario.

El formulario debe reflejar:

1. Tipo de recurso (humano o material).
2. Nombre del recurso.
3. Disponibilidad.

Además, deben funcionar dos botones:

• Anterior: muestra el recurso anterior de la lista.
• Siguiente: muestra el siguiente recurso de la lista.

Cuando se llegue al final o al principio de la lista, el sistema debe mostrar un aviso o volver al inicio.

• Valor que aporta:
  Permite poner en práctica la manipulación del DOM y la interacción básica con datos externos, reforzando la separación entre la estructura HTML y la lógica en JavaScript.

• Criterios de aceptación:

  • No se modifica el archivo HTML.

  • Se importa la información de los recursos desde un archivo recursos.json con formato de API REST.

  • Los campos del formulario muestran correctamente el tipo, nombre y disponibilidad de cada recurso.

  • Los botones permiten navegar entre los recursos en ambas direcciones.

  • Se gestiona correctamente el paso de un recurso al siguiente o anterior.

    • Pruebas

      1. Al abrir el HTML en el navegador, el primer recurso debe mostrarse automáticamente.
      2. Al pulsar “Siguiente” o “Anterior”, deben actualizarse los campos del formulario.
      3. Al llegar al último o primer elemento, debe mostrarse un aviso en pantalla.
      4. Ejemplo de salida en formulario:

         Tipo: MATERIAL
         Nombre: ET 123456  
         Disponible: SI

• Elementos relacionados: #2, #3, #4

• Tiempo estimado: 30 min