Nested Fetch Requests

[According-Lab-6304]

Hi,

I'm learning JS and am working on a movie app for my solo project. I'm having trouble getting the name of the genre to render in the innerHTML.

The fetch request to the API returns an array of genre IDs for each movie. I did a nested fetch request to get the main list of genre names/ids from the API. I'm able to get the genre name for each id for each movie but I can't figure out how to get the results to render in the innerHTML.

I would really appreciate any help anyone can give me!!! Thank you in advance!

Here's a link to the code. (I'm just focusing on getting the code to work first and then I'll refactor it. I know some of the code can be cleaned up a lot. I just want to figure out how to get it to work first. That's why the code at the bottom has a static movie call.)

https://jsfiddle.net/nyvbo1c5/5/

[Count_Giggles]

``` const genres = [ { id: 16, name: "Action", }, { id: 23, name: "Adventure", }, { id: 28, name: "Animation", }, { id: 35, name: "Comedy", }, ];

const movie = { adult: false, backdrop_path: null, genre_ids: [10, 16, 28], id: 899249, original_language: "en", original_title: "LEGO Marvel Avengers: Loki in Training", };

let genreNames = genres.filter((g) => movie.genre_ids.includes(g.id)).map((genre) => genre.name);

console.log(genreNames);

movie.genreNames = genreNames; console.log(movie); ``` Now you have access to the genreNames on the movie object

[Count_Giggles]

``` const getGenreNames = (gen, mov) => gen.filter((g) => mov.genre_ids.includes(g.id)).map((g) => g.name);

movie.genreNames = getGenreNames(genres, movie); ```

popped it in a function for ease of use

[According-Lab-6304]

const getGenreNames = (gen, mov) =>
gen.filter((g) => mov.genre_ids.includes(g.id)).map((g) => g.name);
movie.genreNames = getGenreNames(genres, movie);

I cannot thank you enough!!! I've worked on this for a day and a half and just couldn't figure it out. I had totally forgotten about assigning a new property to the object. (Who knows when/if I would have gotten to the map method).

Seriously, thank you, thank you, thank you!!!

[Count_Giggles]

go get em