Functional requirements:

Write a JavaScript application that allows the user to enter one movie title along with a rating and a year (the year the movie was released).

The rating should be an integer from 1 to 5, with 5 being a good movie and 1 a bad movie.

After the user enters the text for these 3 fields, they should click a button labeled Add Movie.

(In the click method, the three text fields should be cleared so the user can add another movie.)

When the user clicks that button,

If any of the 3 fields are empty a pop up (alert) should warn them that the data was not correct and no movie data should be saved for that movie.

Otherwise, if the movie information is valid, a new movie object should be created, and stored in an array.

A second button on the screen, labeled show movies should result in all the movie titles, with their rating, being displayed in a list. The program we went thru in class, 2-Form-fieldset-object should be very helpful as you code this.

Implementation requirements:

• Each movie with its rating must be stored as a new object that is copied into an array.
• Use a bit of CSS to make your html page nicely organized and colorful
• Program only needs to store and display 10 movies maximum.
• IF you are on a team, you must also write out the movies sorted by ranking. This article might be helpful: https://www.delftstack.com/howto/javascript/sort-array-based-on-some-property-javascript/