How to create analog and digital clock using HTML, CSS and JavaScript | Part-2

In this video I'll be showing you easiest steps to create analog and digital clock using HTML, CSS and JavaScript.

Download Project code:

**Note Change z-index of #digitalClock from 1 to 0
#digitalClock{
z-index: 0;
}

Please don't forget to like,share and subscribe my channel.

#AnalogClock #DigitalClock #CSSTricks #HTML #CSS #JavaScript

[nbbhaskar]

Thanks a lot for this tutorial, it is very easy to follow and understand. However, you might want to take a look at my observation below.
I think there is a mistake in Javascript calculating AM/PM, for example 12.30 in the afternoon is showing as AM since the condition is checking for `${hh>12?'PM':'AM'}` which is wrong, only until 11.59 should be AM, once it turns 12.00 it should be PM, so, you can modify the condition to do this `${hh>11?'PM':'AM'}`which will work fine. Just modified the code and tested now, it works fine.

[anjaiaharutla]

Am getting those minutes and hours sticks below the clock please help