Countdown Timer - Part 3
What are competencies?
EXP:
40
Countdown Timer - Part 3
Time is precious, and so is your focus—track both with our sleek countdown timer.
Welcome, developers! Your task is to create a user-friendly countdown timer that offers a visual and accurate representation of time remaining, helping users stay on top of their deadlines and efficiently manage their day-to-day activities.
Task for students
- Must to have
- The id of representing countdown timer should be "countdown".
- The id of the start button should be "startButton".
- You have to put '1' minute timer in the countdown.
- The id of the reset button should be "resetButton".
- Add the sound of the timer.
- Functionality tested
- Timer should start when start button is clicked.
- Time should update every second when it is running.
- Timer should reset when you click reset button.
- Sound of the timer should start when you click the start button.
- Sound of the timer should stop when you click the reset button.
UI reference & demo
- Use the given provided code and try to mirror the UI.
Evaluation
- After submission, your solution will be evaluated automatically based on the tasks defined above.
- Upon successful completion of all the tasks/requirements, you will get a full score, and there will not be any partial scoring.
- You can work on your failed test cases & resubmit your solution.
- Your problem will get evaluated instantly.
Do’s & don’t
- Use the given code structure in editor and do not make any changes.
- Do not modify existing classes or tags.
- Focus on correct HTML structure and class names.
Query & feedback
- In case of any query/feedback on this project, please fill this form & we will soon get in touch with you to resolve.
Best of luck, developers! We are eager to see your countdown timer!