title: Can I change the Event Listener on PayPal buttons to activate an easter egg and then bring it back to original later?
body: <p>I am trying to activate an easter egg on my website when someone types a specific amount to donate.</p>
  <p>Is there an option to over-ride PayPal button for that? So if the user clicks on Pay With PayPal instead of the PayPal pop up he will get a custom event (opening Bootstrap Modal in my case). And then bring it back to normal if he types a regular amount.</p>
  <p>First is it possible? And second, and maybe more important, is it fine by PayPal or they can view it as a security problem?</p>
  <p>My code (the paypal part) looks like this:</p>
  <pre><code>&lt;script src=&quot;https://www.paypal.com/sdk/js?client-id=CLIENT ID&quot;&gt;&lt;/script&gt;
  
  &lt;div id=&quot;paypal-button-container&quot;&gt;&lt;/div&gt;
  
  &lt;script&gt;
  paypal
    .Buttons({
      createOrder: function (data, actions) {
        return actions.order.create({
          purchase_units: [
            {
              amount: {
                value: document.querySelector(&quot;#donate-amount&quot;).value,
              },
            },
          ],
        });
      },
      onApprove: function (data, actions) {
        return actions.order.capture().then(function (details) {
          let submitForm = document.createElement('form');
          submitForm.method = &quot;POST&quot;;
          submitForm.action = &quot;/DonateSucess&quot;;
          document.body.appendChild(submitForm);
          submitForm.submit();
        });
      },
    })
    .render(&quot;#paypal-button-container&quot;); // Display payment options on your web page
  
  &lt;/script&gt;
  </code></pre>