London | 26-ITP-Jan | Kris Oldrini | Sprint 3 | Alarm Clock App

[XiaoQuark]

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

HTML

• Changed title to "Alarm clock app"

Script

• Implemented setAlarm() function to display the inputted time in the UI
• Created formatTime() to convert seconds into MM:SS format
• Store the time inside state, for easier access across functions
• Implemented timer() function, using setInterval(), that decreases the time every 1000 millisecond
• Triggered playAlarm() when the countdown reaches 00:00
• Ensured the display correctly shows 00:00 when the alarm triggers
• Prevented multiple intervals by clearing any existing timer before starting a new one

Test

• Manually tested functionality in the browser
• Run and passed all Jest tests

Extra Tasks

• Changed background colour when the alarm triggers
• Reset background colour when alarm is stopped

[A-O-Emmanuel]

This is a good attempt, but i noticed the following things:

1. When I click the set alarm button the timer starts counting backwards.
2. The inpput field accepts negative numbers.

[XiaoQuark]

@A-O-Emmanuel

Thank you for the feedback. I implemented input validation so so the timer only accepts positive integers, and cannot count below 00:00. I also added a small inline error message for invalid inputs.