dynamicguy · October 10, 2025 20:44
diff --git a/popup.html b/popup.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Purchase Button Popup</title>
  <style>
      body {
          font-family: Arial, sans-serif;
          text-align: center;
          margin-top: 100px;
          background-color: #f8f9fa;
      }

      button {
          background-color: #007bff;
          color: white;
          border: none;
          padding: 12px 24px;
          font-size: 16px;
          border-radius: 6px;
          cursor: pointer;
          transition: background-color 0.3s;
      }

      button:hover {
          background-color: #0056b3;
      }
  </style>
 </head>
 <body>

 <button id="purchaseBtn">Purchase</button>

 <script>
  document.getElementById("purchaseBtn").addEventListener("click", () => {
    const popup = window.open(
      "https://www.google.com",  // URL to open
      "purchasePopup",           // Popup name
      "width=800,height=600,top=150,left=300,resizable=yes,scrollbars=yes"
    );

    if (!popup || popup.closed || typeof popup.closed === "undefined") {
      alert("Popup blocked! Please allow popups for this site.");
    }
  });
 </script>

 </body>
 </html>