Use the attached html file for the exam today. You can see the out of the attached code in

below image:

Initially you need write some styles so that the page will look like below:

Write jQuery code to add rows to the table. When the $$Add Book$$ button clicked, the code get the values from the input text fields and add these details to the table. The rows will be added only if the library has space.

The code updates the space every time the books quantity is added. When library does not have space, it will display error message. Check the picture below.

Also, write the jQuery $$Clear Library$$ button which will delete all the added rows, set the space number to $500,$ and clear the error message if it is displaying

Below picture shows adding book rows to the table:

Below picture shows adding more books and when the space is not enough, it will show error message