Skip to content

A Simple, easy Project to learn how to work with classes in JavaScript and DOM.

License

Notifications You must be signed in to change notification settings

JoeAtEgypt/modalWindow

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This project demonstrates a modal window component with HTML, CSS, and JavaScript. The modal window can be triggered to appear and disappear, showcasing basic modal interactivity.

Project Structure

  • index.html: Contains the HTML structure, including the modal window container and triggers.
  • style.css: Styles the modal window, backdrop, and any animations or visual effects.
  • script.js: Adds JavaScript functionality to open and close the modal window on user actions.
  • .prettierrc: Configuration file for code formatting to maintain consistent styling across the project.

Features

  • Open and Close Modal: The modal can be opened with a button click and closed by clicking outside the modal or pressing a close button.
  • CSS Animations: Smooth transitions and animations enhance the modal experience.
  • JavaScript Control: Event listeners are used for opening and closing the modal, enhancing accessibility.

About

A Simple, easy Project to learn how to work with classes in JavaScript and DOM.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published