3.3-clock-Alia Borroho

[aliaborroho]

Deliverables

• [x] A visible build on GH Pages: with a link to the final build in your issue
• [x] A Pull Request link in your issues

  Requirements

• [x] Time should update every second on the clock
• [x] The clock should modify the colors of the background based on the time
• [x] Make it Tick
  • [x] Create and commit a new file in called main.js
  • [x] Created and committed and RAN main.js
  • [x] console.log the current time on page load.
  • [x] console.log the current time every second.
  • [x] Display the current time every second
  • [x] Display the current time, padded with zeros to be exactly two digits long, every second.
  • [x] console.log the percentage of a minute that the current seconds represents (e.g., if 30 seconds have elapsed, console.log 0.5)
  • [x] Using the percent above, dynamically modify the length of the timer bar.
  • [x] console.log a hexidecimal color that is based on the current second every second.
  • [ ] Dynamically update the background color of the page using the color.
• [ ] Hard Mode
  • [ ] Display the generated color's hex value on hover.
  • [ ] Show the percentage of a second under the current time
  • [ ] Make the time show up in hex every other second instead of human readable: Check this out radix should = 16

[aliaborroho]

https://github.com/aliaborroho/3.3-clock/pull/1

[rtablada]

@aliaborroho please publish on github pages using gh-page-deploy and post a link here in the issue to your deployed clock.

[aliaborroho]

http://aliaborroho.github.io/3.3-clock/

[rtablada]

@aliaborroho There are some weird things that I'm seeing in the code. We never looked at the onload attribute in HTML elements and it is generally considered a bad practice.

We should be using window.setInterval from our Javascript file and all scripting should be done in JS not in HTML.

There are also still some missing requirements:

• Dynamically change the background color ever tick of a second

[aliaborroho]

I had my lessons and hw files jumbled together, that's not the one I intended to push, at the time I didn't have a good understanding of JavaScript or build tools, I will correct then mention you, please hold off on reviewing my work until I get my files in order, sorry for the mixup, driving right now, but I do recollect trying to remind myself to tell tell you to wait on the clock assignment, sorry

Alia Borroho Business Development

Phone: (501) 680-0116 Email: alia@apptegy.com Web: www.apptegy.com

On Jul 30, 2015, at 5:03 PM, Ryan Tablada notifications@github.com wrote:

@aliaborroho There are some weird things that I'm seeing in the code. We never looked at the onload attribute in HTML elements and it is generally considered a bad practice.

We should be using window.setInterval from our Javascript file and all scripting should be done in JS not in HTML.

There are also still some missing requirements:

Dynamically change the background color ever tick of a second — Reply to this email directly or view it on GitHub.