DEV Community

Paul Ramnora
Paul Ramnora

Posted on • Edited on

1 1

Javascript clock Version 01

Author: Mr. Paul Ramnora
Language: Javascript
Program: Constantly, ticking clock; showing: hours, minutes, seconds
Level: Beginner
Post created: 151120 01:44 AM GMT
Last updated: 151120 01:44 AM GMT

-(NOTE: This article is for web development 'beginners' like myself...; anyone who is far more skilled wouldn't learn much here.)-


First, I went and visited: Codepen.io...where I witnessed seeing...what I thought was an interesting project:

https://codepen.io/IsaacPCooper/pen/mdEKMvY

It shows a landing page...together with raining [.gif]; together with...

  • some title text
  • ticking clock
  • social media icons

...all properly centred on the web page using Flexbox.

I thought this design looked attractive...; so, I started to 'reverse engineer' the code...meaning, trying to take it all apart going, very slowly, bit by bit.


Next, I copied all of the Javascript section code; then, independently, wrote a simple [.html] web page of my own...just to see if I could make that part work; eventually, it did.

Source code:
https://github.com/pramnora/javascript/blob/master/programs/clock/clock-01.html

Live code:
https://prg-javascript.netlify.app/programs/clock/clock-01.html

I'm still trying to work out all the rest...

Top comments (0)

👋 Kindness is contagious

Explore a sea of insights with this enlightening post, highly esteemed within the nurturing DEV Community. Coders of all stripes are invited to participate and contribute to our shared knowledge.

Expressing gratitude with a simple "thank you" can make a big impact. Leave your thanks in the comments!

On DEV, exchanging ideas smooths our way and strengthens our community bonds. Found this useful? A quick note of thanks to the author can mean a lot.

Okay