1000

Dad joke generator

Randomly generate dad jokes on-demand with a click of a button. This Challenge is a great way to learn the basics of using an API!

Level 3

Dad joke generator

Description

Your Challenge is to create a random dad joke generator. When you click the "Tell me!" button, the answer to the joke reveals. A new dad joke appears when you click the "New joke!" button. You'll use this dad joke API to fetch jokes, so this Challenge is a great way to learn the basics of using an API! 

Your Challenge is complete when:

  • The website is as close to the original design as possible

  • The website is responsive and viewable on multiple screen sizes

  • Elements have the correct state styles (hover, focus, etc.)

  • Clicking the "Tell me!" button reveals the answers

  • Click the "New joke!" button shows a new joke

Preview

Preview image 0 for challenge
Preview image 1 for challenge
Preview image 2 for challenge