Only Edit Photos.js and Zoom.js ONLY using JavaScript.If you can please!

Here is a link where you can get the program FILES NEEDED TO WORK:

https://mega.nz/folder/M6QV3IBC#a9PwpyGRDnHqdxxa7eCCRw

Guide:

1.When the user clicks on a picture and itopens a window containing a zoomed version of the image, give her a hyperlink (button) to add the pic to a favorites' area at the bottom of the first page (add img nodes to the DOM).

2.A maximum of 5 pics can be added to the favorites. After that a message is displayed to remove at least a favorite first.

3.If the user clicks on a favorite, a Remove link (button) shows up next to that picture. If the user clicks it, the pic is removed from the favorites.

Requirements: [Important]

The user will click in thecentered picture from the main page, not the side pictures.If the userclicks on the side pictures, it should do nothing.

Do not remove any file from the folder.

Do not change the name of any of the files in the folder.

Do not change the content on the file "photos.htm", there is not need.

Do not change the content on the file "zoom.htm", but other than, change the CloseWindow "p" paragraph tag with "button" tag,and add asecond "button" tag with "add to favorite" text.

All your code and logic should be added to photos.js and zoom.js.You are allowed to change the CSS files to some degree, if needed, do not add any other CSS files.

Do not remove code from photos.js and zoom.js,the code is already there, should be working you will beonly adding your logic.

Here is a link where you can get the example program:

https://mega.nz/folder/M6QV3IBC#a9PwpyGRDnHqdxxa7eCCRw