nvsmith / crouching-tiger-hidden-menace

A webpage where you can change what shows up on your screen with the click of a button.

Home Page:https://nvsmith.github.io/crouching-tiger-hidden-menace/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 webpage project that implements:

  • Click event handlers with conditional statements.
  • Adding and removing CSS classes with JavaScript.

Click the button to reveal a photo and change the button text. Clicking the button again hides the photo and changes the button's text and appearance. Rinse and repeat!

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 5: Events & Event Listeners
    • Step 5 of 6: Event Handling with If & Else Statements
  • normalize.css

README Template

(back to top)

About

A webpage where you can change what shows up on your screen with the click of a button.

https://nvsmith.github.io/crouching-tiger-hidden-menace/


Languages

Language:CSS 40.0%Language:HTML 37.1%Language:JavaScript 22.9%