netlify[bot]
commented
1 year ago Deploy Preview for delicate-bunny-f2fcb0 ready!
| Name | Link |
|---|---|
| Latest commit | |
| Latest deploy log | https://app.netlify.com/sites/delicate-bunny-f2fcb0/deploys/64a418885a082d0af882b115 |
| Deploy Preview | https://deploy-preview-1--delicate-bunny-f2fcb0.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
We have implemented only a basic UI with plain HTML:
Basic UI
we created a collection that keeps a list of books using an array of objects.
we created a function to add a new book to the collection, providing the title and author.
we also created a function to remove a book from the collection using the array filter() method.
To display all the books saved in the collection, we placed them in the top part of the page.
we ensured that when a user clicks the "Add" button, a new book is added to the collection and displayed on the page.
Likewise, when a user clicks the "Remove" button, we made sure that the correct book is removed from the collection and disappears from the page.
Finally, I preserved the data in the browser's memory by utilizing localStorage.