Skip to content

London | 25-ITP-May | Halyna Kozlovska | Sprint 3 | Alarm Clock #607

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

London | 25-ITP-May | Halyna Kozlovska | Sprint 3 | Alarm Clock #607

wants to merge 4 commits into from

Conversation

halyna-k
Copy link

@halyna-k halyna-k commented Jul 14, 2025 •
edited
Loading

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 Region | Cohort | FirstName LastName | Sprint | Assignment Title
  • I have tested my changes
  • My changes follow the style guide
  • My changes meet the requirements of this task

Changelist

  • Updated page title to "Alarm clock app" and added defer to script.
  • Implemented countdown timer with input validation and display update.
  • Plays alarm sound and flashes background when time reaches zero.
  • Allows stopping alarm and clears previous timers on new set.

Questions

Ask any questions you have for your reviewer.

halyna-k added 4 commits July 14, 2025 18:24
@halyna-k
Update index.html
414b4a6 
- change the HTML title to 'Alarm clock app';
- add the 'defer' attribute to the alarmclock.js script tag to improve page load performance.
@halyna-k
Implement alarm countdown timer functionality
bb3f35b 
Implement alarm countdown timer functionality:
- add logic to setAlarm to start a countdown based on user input;
- update the display with remaining time;
- validate input;
- trigger playAlarm when time reaches zero;
- handles multiple alarms by clearing previous intervals.
@halyna-k
add background color when alarm finishes
761873e 
- clear the background color when setting a new alarm;
- sets it to red when the alarm triggers
@halyna-k
make flashing background
30abf18 
- allows the user to stop the flashing by clicking the stop button;
- add flashing background effect when the alarm goes off.
@halyna-k halyna-k added the Needs Review Participant to add when requesting review label Jul 14, 2025
@halyna-k halyna-k linked an issue Jul 14, 2025 that may be closed by this pull request
[TECH ED] Build alarmclock app halyna-k/My-Coursework-Planner#100
Open
6 tasks
@halyna-k halyna-k added the 📅 Sprint 3 Assigned during Sprint 3 of this module label Jul 16, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
Needs Review Participant to add when requesting review 📅 Sprint 3 Assigned during Sprint 3 of this module
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

[TECH ED] Build alarmclock app
1 participant
@halyna-k