marisabrantley / lolcat-clock

The LOLcat Clock Skillcrush project is based on the popular LOLcat memes. Coded with JavaScript, it features a clock with the current time, and an image that changes depending on the time of day. The LOLcat Clock also has three timers, and corresponding images for each. A bonus is the Party Time button.

Home Page:https://marisabrantley.github.io/lolcat-clock/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

LOLcat Clock Project

The LOLcat Clock Skillcrush project is based on the popular LOLcat memes. (More info about LOLcat here: https://en.wikipedia.org/wiki/Lolcat)

Objective

Use vanilla JavaScript and DOM manipulation to create a clock that features:

  • The current time.
  • Images that change depending on the time of day, with corresponding greetings (i.e., "Good Afternoon" in the afternoon).
  • Three different timers for wake-up time, lunch time, and nap time.
  • Images that change when each of the timers go off.
  • A "Party Time" button that changes color when clicked, and also changes the image.

lolcat-project

Launch

View the LOLcat Clock Project here: https://marisabrantley.github.io/lolcat-clock/

Class

Skillcrush, Break Into Tech - Front End Developer Track

JavaScript Fundamentals

About

The LOLcat Clock Skillcrush project is based on the popular LOLcat memes. Coded with JavaScript, it features a clock with the current time, and an image that changes depending on the time of day. The LOLcat Clock also has three timers, and corresponding images for each. A bonus is the Party Time button.

https://marisabrantley.github.io/lolcat-clock/


Languages

Language:HTML 49.2%Language:JavaScript 37.2%Language:CSS 13.6%