Dad Jokes API

---

Quick menu: Challenge Page | Official API Docs | YouTube Video

---

Description

The Dad Jokes API Challenge will take you back to basics. We will build a simple webapp to display random jokes (upon request) received from the API.

It is built with VanillaJS and uses XMLHttpRequest to communicate with the API. This method will give you a great overview about how calling the API works "under the hood", how to work with failed API requests and loading states.

Feel free to try out first yourself or jump on the YouTube video from the start, find what works best fo you and enjoy! 🐣

Tech stack

Core:
- HTML
- CSS
- VanillaJS

Communication tool:
- XMLHttpRequest

Prerequisites

Knowledge level: 
basic understanding of HTML, CSS and some JavaScript could help

Tech: 
a computer/laptop to copy the files to with a code editor of your choice

Preview