I invented this exercise well before Spring Break 2020 when Covid 19 was still called Corona Virus and seemed far away from the US. Things have changed, but the exercise is still valid.
Download corona.zip, unzip it, open corona.html and corona.js with Brackets, and take a look. As you can see, corona.html file is connected to corona.js inside of the js folder, which contains a great big array of objects with information about news articles that appeared when I visited newsapi.org and entered the search terms corona and virus. Many of the articles are about topics other than the corona virus, but for our purposes that really doesn't matter!
Each object contains the title of the article, a link to an image (in most cases), the url of the article, a description of its content and more. Your job is to use Javascript to populate corona.html with the information from each of those objects.
Specifically, the document that you ultimately create needs the following
- The title of each article
- A link to the article that wraps around the title
- The description
- An image that is limited via css to a height of 300px (some are much larger; your job is to shrink them)
- Fairly nice formatting. I am including a screen capture below of a page that I just generated from the same js file. As you can see, the standards are not that high! Just make sure that your formatting is no worse than mine!
