Vanilla JS Analog Clock

An analog clock made with plain HTML, plain CSS, plain Javascript and a bit of math.

Why?

I first thought of this project after watching this coding challenge by Daniel Shiffman of The Coding Train YouTube Channel.

I wondered if I could do something similar but without any external libraries, just using the power of the trinity of web languages: HTML, CSS and Javascript.

And well, this repo is the result of that idea!

Live Demo

https://nibble-4bits.github.io/vanillajs-analog-clock/

Built With

• HTML
• CSS
  • CSS Variables
  • Media queries
  • Flexbox layout
  • Grid layout
• Javascript
  • Document.querySelector
  • Style declarations
  • setInterval
  • Event listeners

License

MIT