Using a single HTML$5$ web page, add an img tag and navigation buttons that will swap the

image source with a different image of your choosing $($G$-$rated images only please$).$

The goal of this assignment is to create a slide show using a single HTML page and

JavaScript. The slide show application will present the user with an image and "forward" and "back" navigation buttons. When the user clicks the forward button, a new image will be presented. Please limit the number of images to a total of five. Also, the navigation should wrap around. In other words, once the user clicks the forward button on the last image they should be presented with the first image. This navigation should also work for the back navigation. Instructions

Using a single HTML$5$ web page, add an img tag and navigation buttons that will swap the

image source with a different image of your choosing $($G$-$rated images only please$).$

Logistics

Please submit a zip file containing the HTML page, a JavaScript library, and any images.

I should be able to extract this zip file and run your project for grading.

This should be a solo assignment $($honor system please$).$

Grading will be based on:

The fact that the solution works

Separate JavaScript, HTML and CSS files

The presence of only a single HTML page $($Single Page Application$).$

The quality of JavaScript written $($correct formatting, good naming of functions

and variables, efficiency in usage$).$

Subjective $->$ creativity

Point Deductions

Poorly formatted source files

JavaScript with extra variables, functions or logging statements cluttering up the solution

Script errors when loading the HTML page

Page does not work

Navigation does not work.