create a webpage that allows users to input the name, author, and ISBN number of a book and dynamically adds this data to a table upon submission of a form. The webpage should include the following elements:
- A heading (h1) with the content "MyBookList".
- A div with
class=form-groupfor the form. - Three input tags with
id=title,id=authorandid=isbn. - A submit button with
id=submit. - A table with
class=table table-stripedto show the content of addeed books. - Table head has three columns : Title, Author, ISBN# and table body with
id=book-list - When the user enters the data and click on submit button a new row with all the data is entered in the data.
- A clear button with class=delete is present in each row of the data entered. If the user clicks on the clear button the whole row gets deleted.
The page should look like this:
