Build a website that uses JQuery to:
JavaScript and jQuery, Chapters 5 and 6.
1.Write a grade comparison tool that will compare two lists of grades.
2.Each list has a field and button that will allow you to add more items to it.
a.When the user clicks Add Test Score, you should take the contents of the corresponding text field and add it to the list. Implement this ability for both columns.
3.Once the two lists have been populated with scores that should be compared, the user can click the compare button at the top. It will do the following:
a.Compare each score from the first list to the corresponding score in the second list
b.In the comparison column display the difference between the two scores
c.If the Semester 2 grade is higher than or same as the Semester 1 grade, display a positive difference with the greater class. This will appear with a green background color.
d.If the Semester 2 grade is lower than the Semester 1 grade, display a negative difference with lower class. This will appear with a red background color.
e.If the values entered as grades arent numbers, then just display Invalid Score! in the comparison column with no class.
f.If one list is longer than the other, you should only compare up to the length of the shortest list. For example: list one has 5 items, list two has 3 items. You only have to do three comparisons and can ignore the extra items in list one.
4.If the user clicks the reset button at the top, the form and display areas should empty of all data and be ready for new data.
Note:
1.A starter project with HTML and CSS has been provided. You should start with that and complete the js file.
2.Submit the zip file top folder containing all of your files.