This is the question which needs to be done in js files.Here is the screenshot of my data,js file

Here is the solution how it looks like Thanks in advance.

Step 2: 1. Step 2 solution should modify ONLY page1.js and page1.css 2. Using the class definition to create Product (available in data.js), create 6 products with properties as shown in the solution: product number, description, available quantity, price and fee. 3. Place the above created objects into an array called products. 4. Write a function getShuffledUniquelmageNames(myArrayOfimages) that returns an array of random image names without duplicates. Remember, that all image names are available in the array pictures. Be sure that the original pictures array is not changeo 5. Write a function productionTableWithParameters( arrayOfProducts, arrayOfPictureNames) that returns a string to create an HTML table. This function has to use a loop 6.The second last column Total should contain the total amount of inventory for a given product. 7. The last column Image should contain a random image obtained by using the getShuffledUniquelmageNames function so that there are no repeated images 8. If a product has a non-zero fee, highlight the corresponding fee table element. 9. If a product quantity is zero (i.e. no stock), highlight the corresponding quantity table element. 10. The last row should show calculated total quantity and cost of total inventory 11. Obtain the DOM element and call the above functions so that the table is properly displayed