GitLab

• Descripción: Desarrollar el archivo JavaScript necesario para consultar una API REST de recursos sanitarios y mostrar los datos en pantalla dentro de un formulario HTML proporcionado. El HTML no debe modificarse.

El script deberá:

• Realizar una petición fetch() a una API REST que devuelva los recursos en formato JSON.

• Mostrar en el formulario los datos del recurso actual:

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

• Permitir navegar entre los distintos recursos mediante los botones “Anterior” y “Siguiente”.

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

• Valor que aporta: Permite practicar el consumo de una API REST real y la actualización dinámica del DOM con datos externos, reforzando el uso de fetch(), async/await, estructuras condicionales y control de eventos.

• Criterios de aceptación:

  • No se modifica el archivo HTML.
  • Los datos se obtienen dinámicamente mediante fetch() desde una URL o archivo recursos.json.
  • Los campos del formulario se actualizan con el tipo, nombre o numero de serie y disponibilidad del recurso actual.
  • Los botones “Anterior” y “Siguiente” permiten navegar entre los elementos del array devuelto por la API.
  • Se controla correctamente el índice para no salirse del rango de elementos.
  • Se muestra un aviso si se llega al final o principio de la lista (por ejemplo, con alert() o un mensaje en pantalla).

• Pruebas

  1. Al abrir el HTML, el script debe cargar los recursos desde la API y mostrar el primero automáticamente.

  2. Al pulsar “Siguiente”, se muestra el siguiente recurso.

  3. Al pulsar “Anterior”, se muestra el anterior.

  4. Si se llega al final o principio, se muestra un aviso o se vuelve al inicio.

  5. Ejemplo de salida esperada en pantalla:

     Tipo: HUMANO
     Nombre: Juan López
     Disponibilidad: true

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

• Tiempo estimado: 40 min