Build this JS Digital Clock in 10 minutes! 🕐 

*UPDATE: Add this CSS property to #clock to give your text a shadow text-shadow: 3px 3px 5px hsl(0, 0%, 0%); // DIGITAL CLOCK PROGRAM function updateClock(){ const now = new Date(); let hours = now.getHours(); const meridiem = hours >= 12 ? "PM" : "AM"; hours = hours % 12 || 12; hours = hours.toString().padStart(2, 0); const minutes = now.getMinutes().toString().padStart(2, 0); const seconds = now.getSeconds().toString().padStart(2, 0); const timeString = `${hours}:${minutes}:${seconds} ${meridiem}`; document.getElementById("clock").textContent = timeString; } updateClock(); setInterval(updateClock, 1000); Document 00:00:00 body{ background-image: url(background.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; margin: 0; } #clock-container{ display: flex; justify-content: center; align-items: center; height: 100vh; } #clock{ font-family: monospace; font-size: 6.5rem; font-weight: bold; text-align: center; color: white; backdrop-filter: blur(5px); background-color: hsla(0, 0%, 100%, 0.1); width: 100%; text-shadow: 3px 3px 5px hsl(0, 0%, 0%); }

Well done to the 7k viewers who made it to video 57, your almost done, don't give up soliders!

Iam learning JS with your tutorial, thanks🤝

So simple yet beautiful !

Thanks! Just what I need for a project.

Thanks Bro, this is what we wanted!

Hey, I know you are doing a LOT lol, but is it alright if you think about maybe making a Lua course? My brother needs it. Thanks for maybe considering, you are actually one of my favorite RU-vidrs.

Beautiful 😊

Master ❤

great❤

Hey Bro! You really help me learned Tkinter for the past month, could you make a tutorial for PyQT? I know it would be hard but if you can do it, please...

Hi I’m learning your JavaScript tutorial and I very curious about API can you make a video about API with JavaScript. I really like your explanation.

just Became your fan!

Can you help me make a python calculator? Started learning programming like a week ago. I was able to make a calculator but it can only calculate two numbers. I wanna make a calculator which can calculate more then two numbers using loops?

Yo great stuff I’ve just finished the 1 hour course html and now I moved to the 4 hour html and css vid - is it better to memorize the codes or write them down to comeback to them every now and then and what’s the best way to practice it Ik I’m annoying but I’m brand new in this industry and trying to gather all the info that I can and if you have tips for beginners pls help us beginners

I have a problem on minute 7:27 when i save it the time doesn't appear its just say on the screen $(hours):$(minutes):$(seconds) can someone help me

Can we do the designing and stuff using plain js ?