learn-javascript icon indicating copy to clipboard operation
learn-javascript copied to clipboard

Task: Create an Example Solution for a Live Digital Clock

Open sumn2u opened this issue 6 months ago • 2 comments

Image

📝 Description

We need a working example solution for a Live Digital Clock that displays the current time in hours, minutes, and seconds.
The goal is to help beginners understand how to build real-time UI updates using JavaScript.


🎯 Requirements

  • Display the current time in hours, minutes, and seconds
  • The clock should update automatically every second
  • Include a toggle between AM/PM and 24-hour format
  • Make the interface responsive and visually clean

💡 Concepts to Demonstrate

  • Using the JavaScript Date object
  • Using setInterval() for real-time updates
  • DOM manipulation to display the time
  • Formatting time strings properly

🚀 Bonus Challenge

  • Add support for different time zones
  • Add an optional stopwatch or countdown timer

📦 Deliverables

  • A working example using HTML, CSS, and JavaScript
  • Include a short explanation (in comments or README) describing how your code works
  • Submit your solution as:
    • A pull request in the examples/ folder
    • Or attach a CodePen, JSFiddle, or GitHub Gist link

sumn2u avatar Oct 04 '25 11:10 sumn2u

Hey @sumn2u that's a good project, can you assign me the issue so I can work on it ?

faizalikhan-developer avatar Oct 04 '25 11:10 faizalikhan-developer

I'm interested in this issue can you assign me this issue to me. @sumn2u @Hachondeoro @hamfree @virginus01

techieadi4703 avatar Oct 06 '25 14:10 techieadi4703

I would like to work on this issue, @sumn2u can you assign it to me?

dumartins avatar Nov 24 '25 16:11 dumartins

I can work on the issue as well if is assigned to me @sumn2u

virginus01 avatar Nov 24 '25 16:11 virginus01

I can work on the issue as well if is assigned to me @sumn2u

Hey! Thanks for your interest in this. I’ve assigned it to @dumartins. If you’d like to work on the Example Solution for an Interactive Calendar , just leave a comment on that issue.

sumn2u avatar Nov 24 '25 21:11 sumn2u