App Películas

Buscador de películas con The Movie Database API

Búsqueda por título: Introduce el título de una película para buscar información y resultados relacionados.
Resultados detallados: Muestra el título, fecha de lanzamiento, resumen e imagen de cada película encontrada.
Diseño claro: Interfaz limpia y organizada para una fácil visualización de los resultados.

HTML: Estructura la página web y los elementos del formulario de búsqueda.
CSS: Estiliza la apariencia de la página, incluyendo el diseño del formulario y la presentación de los resultados de la película.
JavaScript: Maneja la interacción del usuario con el formulario, realiza peticiones a la API de TMDB y muestra los resultados en la página web.
Fetch API: Proporciona una forma moderna de realizar peticiones HTTP desde el navegador.

El usuario introduce el título de una película en el campo de búsqueda.
Al hacer clic en el botón "Buscar", se activa el evento click.
Se construye una URL utilizando la API key, la base URL de la API de TMDB y el término de búsqueda ingresado por el usuario.
Se realiza una petición GET a la API de TMDB utilizando la librería Fetch API.
La respuesta de la API se procesa en formato JSON.
La función showMovies() analiza la respuesta y extrae la lista de películas.
Se recorre la lista de películas y se crea un elemento HTML (div) para cada película.
Se agrega el título, fecha de lanzamiento, resumen e imagen de la película a su elemento div correspondiente.
Se añaden los elementos div de cada película al contenedor principal (results) en el DOM.
Si no se encuentran películas para el término de búsqueda, se muestra un mensaje informativo.

Aprendizajes clave:

Peticiones HTTP con Fetch API: Realizar solicitudes a APIs externas para obtener datos.
Procesamiento de JSON: Manejar y extraer información de respuestas en formato JSON.
Creación de elementos DOM: Crear elementos HTML de forma dinámica para mostrar los resultados de la búsqueda.
Eventos click: Responder a las acciones del usuario (clic en el botón).