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.