This is a simple modal overlay made with pure js, css, and html.
For further actions, you may consider blocking this person and/or reporting abuse
Speedy emails, satisfied customers
Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.
Read next
Static Keyword in C# Explained in 1 Minute
DotNet Full Stack Dev -
HTML Element vs HTML Tag
Shajibul Alam Shihab -
9 Next-Gen Developer Tools to Maximize Your Coding Efficiency 🧙♂️⚡
Madza -
Build an Advanced Drawing App with HTML, CSS & JavaScript - Canvas API Tutorial!
sharathchandark -
Top comments (2)
The modal is great, but the code isn't really.
You're using a
modaland abackdropglobal variable, which firstly is bad practice, but also means there cannot be stacked modals on top of each other. You should instead keep the elements inside the context of the function that creates them.Furthermore, you'd usually not want any complex HTML creation in JavaScript. What you'd ideally want is an HTML template that is shown when the button is clicked. Additionally you can customize the content of the modal using this method, without having to create the modal from scratch in JavaScript.
Thank you very much Oskar :) Very useful.