Define an array of images in JavaScript: "image$1.$jpg$,$ image$2.$jpg$,$ and image$3.$png$".$ You have to write two functions. The first function will display the next image, while the second function will display the previous image. Before displaying the image, the extension of the image must be checked. If the extension is $"$png$",$ image will not display.

Suppose the image tag in HTML code is like this:

Please note that you cannot use jQuery or any external library.

It is important to explain each line of code in detail.

You have to upload one file image or pdf file.