Using giphy api to create a trending list

JavaScript
#1

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.

#2

I think the link doesn’t work :face_with_raised_eyebrow:

#4

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

#5

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

#6

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?

#7

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
#8

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

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

#9

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

#10

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…

#11

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
#12