<p>Click the button to trigger the popup!</p>
<button onclick="openInteractivePopup()">Learn More</button>
<script>
// Function to open a popup and control its content and behavior
function openInteractivePopup() {
// Open a new window with specific dimensions
let popup = window.open("", "InteractivePopupExample", "width=400,height=400");
// Write more complex and interactive content into the popup
popup.document.write(`
<h1>Interactive Popup</h1>
<p>Click the button to change this message.</p>
<button onclick='document.write("<h1>Content Updated!</h1><p>Thanks for interacting.</p>");'>Update Content</button>
`);
popup.document.close(); // Good practice to close the document stream
}
</script>