Hosted Project
JavaScript Random Joke AJAX Project (Hosted on GitHub Pages)
Source Files
https://github.com/JS-Beginners/random-joke-api-project (Hosted on Github)
Project Objective
The objective of this JavaScript AJAX project is to use the Chuck Norris API to retrieve a random joke, and then output it to the DOM.
JavaScript Used
- JavaScript XMLHttpRequest Constructor
- JavaScript CSS Manipulation
- JavaScript DOM Manipulation
My Personalize Summary
This JavaScript AJAX was pretty straight forward. I coded it out myself after watching John's AJAX intro videos. This was the second or third time that I learned about the XMLHttpRequest object, so it didn't me much time to understand what I was listening to. Albeit, I would say that now that I have a better understanding of objects and function constructors, due to going over Tony's JavaScript: Understanding the The Weird Parts course again, all of JavaScript seems so much easier to understand.
New Things Learned or Refreshed
As I said in the summary, this was a refresher of AJAX. Specifically, getting content from a remote web server, working with the data, and then displaying it on my own page.
I was excited to get to it, code the project, and read my random Chuck Norris Jokes. The next project is more or less the same and I'm excited to get to that one as well.
Time to Code
This JavaScript project took me 20 minutes to code, including the HTML and CSS.
Your Turn!
What To Accomplish
- Download the source code from the github repository above.
- Delete the contents of the
app.jsfile. - Implement the JavaScript code in your own
app.js file. - If you think you need to see a video solution first, be sure to pick up John Smilga's JavaScript Tutorial and Projects Course.
- Add a link to your finished project below!
What You Should See
Visit the hosted github page to see this JavaScript Random Joke AJAX Project in action.
Leave a Reply