Eadar an Dà Bhràigh

.popup-box { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); display: flex; justify-content:center; align-items: center; z-index: 9999; }

.popup-content { background-color: white; padding: 20px; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0 , 0, 0.5);}

.close-btn { position: absolute; top: 10px; right: 10px; cursor: pointer; }

Click me!

document.getElementById(‘popup-btn’).addEventListener(‘click’, function(){var popupContainter = document.getElementById(‘popup-container’); var popupBox = document.createElement(‘div’); var closeButton = document.createElement(‘span’); popupBox.appendChild(closeButton); popupContainer.appendChild(popupBox): closeButton.addEventListener(‘click’, function() { popupContainer.removeChild(popupBox):});

});