I need a page like the below picture with JavaScript code. (example page: https://youtu.be/8eQemjnD6O0)

You will require a total of 9 images with 3 themes to complete the assignment. Initially you will have 3 empty image tags, but once the page is loaded, call a function to choose 3 of the images to display, 1 from each theme, random inside the group. For example: I randomly picked 1 cat, 1 dog, and 1 star picture from my collection of images. Each time I refresh the page I get 1 cat, 1 dog, and 1 star, but not the same ones all the time.

Each of these images will be clickable using either an onclick attribute or by JavaScript addEventListener() method. When an image is clicked the following effects take place: A transition animation plays. During the animation the image changes to a random image (from any category). o It is not required that you guarantee that all the images are unique, it is ok if an image repeats. If you wish to try to make this enhancement, please do! The automatic refresh timer is reset. The image counter is increased by 1. Store your image filenames in a 3x3, 2D array for ease of access.

I aarninn ahnut avonte