Skip to content

A Modal window, also known as a pop-up, is a component that can be used to display additional content or prompts on a web page. This particular modal component is made using CSS, HTML, and JavaScript. It is designed to be triggered by a button or link on the page, and will appear as a window overlay on top of the existing content.

License

Notifications You must be signed in to change notification settings

adriiiiiix/modal-window

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Screenshots

project-preview-1 project-preview-2

Modal window (pop-up) component made with CSS, HTML & JavaScript

Project Objective

A Modal window, also known as a pop-up, is a component that can be used to display additional content or prompts on a web page. This particular modal component is made using CSS, HTML, and JavaScript. It is designed to be triggered by a button or link on the page, and will appear as a window overlay on top of the existing content. The modal window will have a close button represented by an "X" icon, which the user can click to close the modal and return to the underlying page. The modal window is implemented with HTML, CSS and JavaScript, HTML to create the structure of the modal, CSS for the styling, and JavaScript for the functionality of the component.

The user can also close the window in three ways:

  1. Click X button
  2. Click space outside modal window
  3. Use ESC key

What did I use?

  • Functions
  • Events
  • Conditionals

About

A Modal window, also known as a pop-up, is a component that can be used to display additional content or prompts on a web page. This particular modal component is made using CSS, HTML, and JavaScript. It is designed to be triggered by a button or link on the page, and will appear as a window overlay on top of the existing content.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published