stripe_token.mock.html

<html>
    <head>
        <script src="https://js.stripe.com/v3/"></script>
    </head>
    <body>
        <form id="payment-form">
            <label for="card-element">
              Credit or debit card
            </label>
            <div id="card-element">
              <!-- A Stripe Element will be inserted here. -->
            </div>

            <!-- Used to display form errors. -->
            <div id="card-errors" role="alert"></div>

            <input type="submit">Submit</input>
        </form>

        <script type="text/javascript">
            // Wrap this into whatever frontend framework we do use.
            // for the mean time I'm cool with a straight forward solution
            // to get the backend rolling.
            var stripe = Stripe("");
            var elements = stripe.elements();
            var card = elements.create('card');
            card.mount('#card-element');

            var form = document.getElementById('payment-form');
            form.addEventListener('submit', function(event) {
                event.preventDefault();

                stripe.createToken(card).then(function(result) {
                    if (result.error) {
                        // Inform the user if there was an error.
                        var errorElement = document.getElementById('card-errors');
                        errorElement.textContent = result.error.message;
                    } else {
                        // Send the token to your server.
                        stripeTokenHandler(result.token);
                    }
                });
            });
        </script>
    </body>