HTML, CSS & JavaScript - How to Create a Pop-Up Modal ( Manual Version )

In this tutorial, you'll learn how to create a manual pop-up modal. Manual simply means you have to click a button to activate the modal .

Want to learn how to create an automatic pop-up modal? Check out the vid below.

Sponsor me on GitHub!

Follow my blog:

[plaguegames]

Keep doing the great work.
The subscribers will come by time.
Your newest subscriber :D

[tonytony-fcgq]

thanks again for your simple to understand tutorials, when you free could you do a video on tabs javascript and also form validation using vanilla javascript

[mauriciovalencia]

codefoxx, really well done! Do you ever get so impressed from a YouTube video that you think, "This guy must have over a million subscribers" then glance up to verify? That's what I did and I believe you have the quality to get there. Great job!!

[kawaiicoded]

Me trying to figure out why since my CSS is successfully linked how come none of my ID elements are changing color or moving lol !?

[ashkanahmadi]

Very helpful. Thanks. What about creating the modal and showing it with JS? For example, if you click on the DELETE button, the modal appears and says do you want to delete this item? Obviously, the HTML wouldn't have the modal in it and the modal has to be made on the spot and then deleted for every DELETE. Thanks

[ciellomariemandras]

hi, may i ask what platform you are using?