Using giphy api to create a trending list

Hey guys,

completely new to js. I managed to get my giphy search function working, but I am having difficulty creating a trend list. Check out my codepen and tell me what you think.

I think the link doesn’t work :face_with_raised_eyebrow:

Sorry, it was set to private. Try it now :slight_smile:

Ok, I tried a couple of searches and got a gif each time. What’s the plan after that?

I’d like to get the first ten trending gifs to come up. If you click trending nothing happens…Could you check my js and see what i am doing wrong?

Took a while but I figured it out. See my fork:

You have a lot of options when outputting the media/gifs. I chose fixed width.

1 Like

Wow! Didn’t think of a fixed width… I really appreciate your help!

What made you use <div id="tenGifs">?

I think a div makes more sense than a paragraph in this case.

Ok. Man i really need to study js more. Thank you for your help!

What is this for(let i=0; i< 10 ;i++) more specifically ;i++ ?
I see the comments. Just not sure…

Have you not learned about loops yet? :smile:
i++ is doing the increment so after one loop the value of i is increased by 1.
This is shorthand for writing i = i + 1;

1 Like