London | Nadarajah_Sripathmanathan | book -library | Module-Data-Flows #178
Conversation
|
hi, |
There was a problem hiding this comment.
When I checked the code in index.html at https://validator.w3.org/, it indicated some errors.
There was a problem hiding this comment.
In terms of input validation,
- Are all input properly checked?
- Can
.valuebenull? (Do we need to checksomeInputElement.value == null?) - What if a user enters only space characters in the "title" input field?
- What if a users enters
-1or3.1416in the "pages" input field?
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.
| for (let n = rowsNumber - 1; n > 0; n--) { | ||
| table.deleteRow(n); | ||
| } |
There was a problem hiding this comment.
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?
| delButton.id = i + 5; | ||
| deleteCell.appendChild(delButton); | ||
| delButton.className = "btn btn-warning"; | ||
| delButton.innerHTML = "Delete"; | ||
| delButton.addEventListener("click", function () { |
There was a problem hiding this comment.
- Are the value assigned to the
idattribute ofchangeButanddelButtonunique? - Is there a need to assign an id attribute to
delButton? - Is there a need to assign an id attribute to
changeBut? - Can you think of a more consistent way to name the variables representing the two buttons,
changeButanddelButton?
| alert(`You've deleted title: ${myLibrary[i].title}`); | ||
| myLibrary.splice(i, 1); |
There was a problem hiding this comment.
At the moment when the alert message is displayed, has the book mentioned in the message been deleted yet?
How would you rearrange these statements to make the message truthful?
cjyuan
added
Reviewed
Learners, PR Template
Self checklist
Changelist
Briefly explain your PR.
Questions
Ask any questions you have for your reviewer.