Skip to content

Conversation

@Baba05206
Copy link

Learners, PR Template

Self checklist

  • I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
  • My changes meet the requirements of the task
  • I have tested my changes
  • My changes follow the style guide

Changelist

Updated index.html, style.css, style.js and style.test.js files in order to complete the task
Ran the test to ensure all three tests passed
I was struggling with testing 'background color changes depending on whether book has been read' and so updated the test to expect class instead of background color.

Questions

@Baba05206 Baba05206 added 📅 Sprint 3 Assigned during Sprint 3 of this module Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. Module-Data-Groups The name of the module. labels Nov 30, 2025
@JaypeeLan JaypeeLan added Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. labels Dec 8, 2025
Copy link

@JaypeeLan JaypeeLan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good job. Everything works well, but I think the UI can be better. Black text on red/green background does not seem too ideal. Also maybe use an ordered list? the size of each card should be reduced, so I don't need to scroll.

@JaypeeLan JaypeeLan added Reviewed Volunteer to add when completing a review with trainee action still to take. and removed Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. labels Dec 8, 2025
function readingList() {
const unorderedList = document.querySelector("#reading-list");

for (const book of books) {

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Make a base condition, if book is empty, so your application does not crash.

Copy link
Author

@Baba05206 Baba05206 Dec 8, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Many thanks @JaypeeLan. I have now updated the script to check if the books variable is null or undefined, or if the array is empty. Will return message telling the user their reading list is empty

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Baba05206 Please go through the conversations, I made a comment regarding the design.

@Baba05206 Baba05206 added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Dec 8, 2025
@Baba05206
Copy link
Author

My apologies, I missed the first comment. I have now adjusted the colour scheme on the page

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Module-Data-Groups The name of the module. Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. Reviewed Volunteer to add when completing a review with trainee action still to take. 📅 Sprint 3 Assigned during Sprint 3 of this module

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants