ITP_LONDON | PRISCILLA_EMEBO | Module-Data-Flows | Book library

[Priscilla-EM]

Learners, PR Template

Self checklist

• I have committed my files one by one, on purpose, and for a reason
• I have titled my PR with COHORT_NAME | FIRST_NAME LAST_NAME | REPO_NAME | WEEK
• I have tested my changes
• My changes follow the style guide
• My changes meet the requirements of this task

Changelist

This PR implements a simple Book Library web app using HTML, CSS, and JavaScript. Users can add books with a title, author, page count, and read status. Each book is displayed in a table, with options to toggle its read status or delete it

Questions

Ask any questions you have for your reviewer.

[cjyuan]

I think there are some improvements you can still make to the JS code.

Also, when I checked the code in index.html at https://validator.w3.org/, it indicated some errors.

[cjyuan]

In terms of input validation,

1. Are all input properly checked?
2. Can .value be null? (Do we need to check someInputElement.value == null?)
3. What if a user enters only space characters in the "title" input field?
4. What if a users enters -1 or 3.1416 in the "pages" input field?

[cjyuan]

Instead of deleting the table rows one by one, can you think of a more efficient way to remove all rows (except the <th>...</th>) in the table?

[cjyuan]

Line 71: With the way the book's title is assigned to an HTML element, a book with a title containing special character sequence such as <i> can possibly ruin the display.

Lines 77, 95:

• Is the value assigned to these id attribute unique?
• Is there a need to assign an id attribute to delButton?
• Is there a need to assign an id attribute to changeBut (at line 72)?

Lines 76, 94:

• Can you think of a more consistent way to name the variables representing the two buttons, changeBut and delButton?

[cjyuan]

On separate note, the "Changelist" part in the PR Template is not edited accordingly. It is a common best practice to include a short description of the PR in the first comment.