Table of Contents
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.
- HTML
- CSS
- JavaScript
This web page was crafted with vanilla code. No dependencies here!
All you need is a browser (to view/interact) and a text editor (to modify).
- Clone this repo and you're all set!
index.html
: structure and layout.styles.css
: design and aesthetics.script.js
: functionality.
There are no plans to implement additional features at this time.
This project is for learning/demonstration and is not being actively developed.
Distributed under the MIT License.
- Module 7: Keydown & Change Events
- Step 4 of 6: Function Powered Modal
- normalize.css