Create a web page that displays the result of some random game reviews. Upon clicking any of the links, the image for the game is displayed to the right of the table. See image for example.
There is a zip file that contains all of the images along with the document gameReview.html. Note that [url removed, login to view] contains some JSON that is parsed into an array of objects called reviews.
After the document is loaded, do the following:
Loop through the reviews array, and create a string that contains the tr and td tags for all of the games in the reviews array.
Create each of the links with a class review and a property data-img and set this property to the correct image.
Set the innerHTML property of the reviewsBody to this string that you generated.
Use [url removed, login to view] to get a reference to an array of all of the links.
Loop through this links array and add an event listener called selectReview for each of the links using addEventListener.
Within the function selectReview do the following:
Set the src property of the image gameImage to "images/" + [url removed, login to view];
Set the innerText property of the gameTitle to [url removed, login to view]
Preferable if completed by tomorrow (Monday). Thanks.