andrewpthorp · December 3, 2013 23:24
diff --git a/checkout.html b/checkout.html
 <html>
  <body>

    <script src="https://checkout.stripe.com/checkout.js"></script>

    <input type="text" id="amount" />

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

    <script>
      var handler = StripeCheckout.configure({
        key: 'your_public_key_here',
        token: function(token, args) {
          // Use the token to create the charge with a server-side script.
        }
      });

      document.getElementById('customButton').addEventListener('click', function(e) {
        amount = document.getElementById('amount').value;

        // Strip all non-numeric characters from the amount.
        // You might want to do some more scrubbing here to ensure that the user
        // has submitted a valid amount. For instance, if they submit $50, without
        // a decimal, this would convert to 50 (50 cents), rather than 5000 (50 dollars).
        formatted_amount = amount.replace(/\D/, '');

        handler.open({
          name: 'Your Site Name',
          description: 'Product Description',
          amount: formatted_amount
        });
        e.preventDefault();
      });
    </script>

  </body>
 </html>
	<html>
	<body>

	<script src="https://checkout.stripe.com/checkout.js"></script>

	<input type="text" id="amount" />

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

	<script>
	var handler = StripeCheckout.configure({
	key: 'your_public_key_here',
	token: function(token, args) {
	// Use the token to create the charge with a server-side script.
	}
	});

	document.getElementById('customButton').addEventListener('click', function(e) {
	amount = document.getElementById('amount').value;

	// Strip all non-numeric characters from the amount.
	// You might want to do some more scrubbing here to ensure that the user
	// has submitted a valid amount. For instance, if they submit $50, without
	// a decimal, this would convert to 50 (50 cents), rather than 5000 (50 dollars).
	formatted_amount = amount.replace(/\D/, '');

	handler.open({
	name: 'Your Site Name',
	description: 'Product Description',
	amount: formatted_amount
	});
	e.preventDefault();
	});
	</script>

	</body>
	</html>