Create a modal dialog box with a semi-transparent background.
MediumProblem Statement
Create a modal dialog box with a semi-transparent background.
Sample Output
A modal appears in the center of the page with a semi-transparent background.
Limits
Time: 2s · Memory: 256 MB
Code Editor
Log in to submit00:00
Try your code in this preview. Submit marks it done.
<!DOCTYPE html>
<html>
<head>
<style>
/* Add CSS here to style the modal */
</style>
</head>
<body>
<button id="openModal">Open Modal</button>
<div class="modal">
<div class="modal-content">
<p>This is a modal!</p>
<button id="closeModal">Close</button>
</div>
</div>
</body>
</html>
Document
To view the HTML changes, please type the code within the editor