Posts

Showing posts from December, 2022

Create PopUp Box through pure JavaScript

  How to create popup box through pure JavaScript with ID and Class. Simple copy the code and paste in your HTML file and check popup is working. <style> .container{margin:0 auto; width:1170px;} .row{width:100%; display:flex; justify-content:space-between;} .row button{background-color:#099; padding:5px 10px; border-radius:5px; font:16px/24px Arial, Helvetica, sans-serif; color:#fff; border:0; cursor:pointer;} .modalbox{background-color:#fff; border:1px solid #000; border-radius:5px; padding:10px; position:absolute; top:25%; left:0; width:600px; transform:translate(100%); z-index:9;display:none;} .modalbox.active{display:block;} .closemodal{display:flex; margin-left:auto; font:bold 20px/28px Arial, Helvetica, sans-serif; color:#000; position:absolute; right:10px; top:10px; text-decoration:none} .modalbox h2{font:20px/28px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; display:block;} .modalbox p{font:20px/28px Arial, Helvetica, sans-serif; col...