C-alarmclock

Make an Alarm Clock

In this folder you will find the basic setup of an alarm clock.

You should only change code in the alarmclock.js file.

How the clock should work

When you click the Set Alarm button the counter at the top of the screen should change to the number you entered in the input field. For example, if the input field says 10 then the title should say Time Remaining: 00:10.

Every one second the title should count down by one.

When the Time Remaining reaches 00:00 the alarm should play a sound. You can make the sound happen by using playAlarm().

You can stop the alarm sound by pressing the Stop Alarm button.

Need Help?

Only read this section if you really need to! It's good to work this out for yourself.

Hints

• Have you tried looking at the setInterval function?

Steps to complete

1. When the Set Alarm button is clicked, get the value of the input field
2. When you have the input field value, set the title to the correct value
3. Work out how to update the Time Remaining title every second
4. When the remaining time left is 0, play the alarm sound

Extra Tasks

If you have time and want to do more why not try

• Make the background change color when the alarm clock finishes
• Could you add pause functionality so that the count down stops and then you restart it later?