Crear la página de un mini zoo que mediante una lista desplegable muestre las imágenes de los animales con distintos filtros.
Los recursos usados fueron:
-
En HTML: drop-down list (etiquetas Select y option).
-
En CSS: Filtros de las imágenes (Propiedad filter).
-
En JavaScript: Cambia opciones y añade filtros (evento onchange y propiedad classList).
- Resultado: