GitLab

• Descripción: Desarrollar el archivo JavaScript necesario para recuperar los recursos sanitarios desde una API REST y mostrarlos filtrados según el tipo seleccionado por el usuario en un menú desplegable (<select>).

El HTML proporcionado no debe modificarse.

El script deberá:

• Obtener los datos desde una API REST (o archivo recursos.json) mediante fetch().
• Rellenar un listado (<ul>) con todos los recursos del tipo seleccionado.
• Permitir elegir el tipo de recurso desde un menú desplegable (humano, material o todos).
• Actualizar automáticamente el listado cuando el usuario cambie la selección.

• Valor que aporta: Permite practicar asincronía, filtrado dinámico de arrays y actualización del DOM. Refuerza el uso de fetch(), addEventListener("change") y la renderización condicional de datos.

• Criterios de aceptación:

  • No se modifica el archivo HTML.

  • Los datos se cargan correctamente desde la API o archivo JSON.

  • El selector permite elegir entre mostrar:

    • Todos los recursos.
    • Solo los recursos humanos.
    • Solo los recursos materiales.

  • Al cambiar la selección, el listado se actualiza dinámicamente.

  • Se muestran el tipo, nombre y disponibilidad de cada recurso en formato legible.

  • Si no hay recursos disponibles para el tipo seleccionado, se muestra un mensaje informativo.

• Pruebas

  1. Al abrir el HTML, el script debe cargar todos los recursos desde la API.

  2. Al seleccionar “Humano”, se muestran solo los recursos humanos.

  3. Al seleccionar “Material”, se muestran solo los materiales.

  4. Al seleccionar “Todos”, vuelve a mostrarse la lista completa.

  5. Ejemplo de salida esperada:

     Ana Díaz — disponible  
     Juan López — no disponible  
     ET 123445 — disponible  
     ET 123456 — disponible

• Elementos relacionados: #6

• Tiempo estimado: 35 min