nvsmith / modal

Create a button-activated modal with JavaScript.

NEW README

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. License
7. Contact
8. Acknowledgments

About The Project

This is a JavaScript project that implements:

• Click and keydown events.
• Event listeners and handlers.
• Adding/removing CSS classes.
• Modifying HTML elements' text.

This web page project demonstrates how to create a modal that pops up with the click of a button and closes where "X" marks the spot (or you hit the "esc" key). Bonus: see the button's text change as you open and close the box.

(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 4 of 6: Function Powered Modal
• normalize.css

README Template

• Best-README-Template

(back to top)