Skip to content

A JavaScript project that matches your page theme to your mood with a dropdown menu selection.

Notifications You must be signed in to change notification settings

nvsmith/mood-ring

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. License
  7. Contact
  8. Acknowledgments

About The Project

This is a JavaScript project that implements:

  • Callback functions with conditional statements.
  • Change events
  • Adding/removing CSS classes.

Select your mood from the menu and the aesthetic will change to match.

screenshot1 screenshot2

(back to top)

Built With

  • HTML
  • CSS
  • JavaScript

(back to top)

Getting Started

This web page was crafted with vanilla code. No dependencies here!

Prerequisites

All you need is a browser (to view/interact) and a text editor (to modify).

Installation

  1. Clone this repo and you're all set!

(back to top)

Usage

  • index.html: structure and layout.
  • styles.css: design and aesthetics.
  • script.js: functionality.

(back to top)

Roadmap

There are no plans to implement additional features at this time.

(back to top)

Contributing

This project is for learning/demonstration and is not being actively developed.

(back to top)

License

Distributed under the MIT License.

(back to top)

Contact

Nate: GitHub | Grepper

(back to top)

Acknowledgments

Skillcrush - JavaScript Fundamentals

  • Module 7: Keydown & Change Events
    • Step 6 of 6: Practice Exercises: Keydown & Change Events
      • Exercise #3
  • normalize.css

README Template

(back to top)

About

A JavaScript project that matches your page theme to your mood with a dropdown menu selection.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published