Module 5 Final Project: JS Libraries

JSON - Create 5 records in JSON format with 4 fields

Below is a list of 5 tv shows with the 4 fields of title, main character, network or streaming service, and start date, stored in a JSON-formatted string, parsed using JSON.parse() to convert to a JS object, rendered using a forEach loop, and displayed using inner.HTML.

Sources: https://www.w3schools.com/js/js_json.asp, https://emojidb.org/streaming-emojis

jQuery 1 - Make a jQuery Animation

Below is an image and description that will appear from the left to the center of the page using the jQuery method Animate(), set to 30%, and "slow".

Click the Animate button to show the image and description.

Animate

Sources: https://www.w3schools.com/Jquery/jquery_animate.asp, https://rangeviewnews.org/21877/ame/the-good-place-seasons-1-3-synopsis/

jQuery 2 - Use jQuery AJAX to display the content of a text file.

Below is a button, that, when clicked, shows a text file. Using the jQuery AJAX load() method, it takes data from the text file jQuery.txt, and displays the returned data into the div id element (named "ajax") onto the h2 below.

Click the button 'Load Content' to display the text file contents of jQuery2.txt.

Load Content

Sources: https://www.w3schools.com/Jquery/jquery_ajax_load.asp, https://www.w3schools.com/Jquery/tryit.asp?filename=tryjquery_ajax_load, https://www.geeksforgeeks.org/jquery/jquery-load-method/