Submission for assignment - 1

[TrungKien2705]

Assignment - 1

• Link Demo: Link demo
• functional way
  1. List Book: List of books corresponding to the topic.
  2. Search By Book: Search for books based on book title.
  3. Add, Edit and Delete Book: Add, edit and delete books.
  4. Responsive

[zlatanpham]

Hello @TrungKien2705, great start!

Requirements

• [x] Render correct table elements
• [x] Create book
• [x] Delete book
• [x] Search book by title
• [ ] Semantic HTML
• [x] Standard use of CSS and JavaScript
• [ ] Store data in LocalStorage

Final result: ✅ passed

Feedback

We also have some comments for your work:

1. Try to avoid using inline JS in your HTML. Use .addEventListener() in script.js file to maintain separation of concern. https://github.com/TrungKien2705/df-frontend-2023/blob/master/assignment-1/index.html#L86
2. Consider adding aria-label="close" for better accessibility https://github.com/TrungKien2705/df-frontend-2023/blob/master/assignment-1/index.html#L157
3. It's a good practice to associate the label with the input by for and id attribute
4. Always sanitize and validate data from the user to prevent potential security vulnerabilities like XSS attacks https://github.com/TrungKien2705/df-frontend-2023/blob/master/assignment-1/script.js#L115-L123