Клиника Estetics & dermatology

// Get references const offerOverlay = document.getElementById('offerOverlay'); const offerPopup = document.getElementById('offerPopup'); const closeBtn = document.getElementById('offerCloseBtn'); // Function to open the popup function openOfferPopup() { offerOverlay.classList.add('offer-active'); offerPopup.classList.add('offer-active'); } // Function to close the popup function closeOfferPopup() { offerOverlay.classList.remove('offer-active'); offerPopup.classList.remove('offer-active'); } // Show the popup on page load window.addEventListener('load', () => { openOfferPopup(); }); // Close the popup when the close button is clicked closeBtn.addEventListener('click', closeOfferPopup); // Close the popup when clicking on the overlay background offerOverlay.addEventListener('click', (e) => { if (e.target === offerOverlay) { closeOfferPopup(); } }); // Close the popup on ESC key press document.addEventListener('keydown', (e) => { if (e.key === 'Escape') { closeOfferPopup(); } });