Deferred Client Code Snippet 1

deferred-client-code-snippet-1.html

<!-- add both the client script and the hosted fields script to the page -->
<script src="https://js.braintreegateway.com/web/3.55.0/js/client.min.js"></script>
<script src="https://js.braintreegateway.com/web/3.55.0/js/hosted-fields.min.js"></script>
<script>
 // create the client instance using a client token or tokenization key
 braintree.client.create({
   authorization: 'client_token_or_tokenization_key'
 }, function (clientErr, clientInstance) {
   // pass the client instance into the Hosted Fields create method
   braintree.hostedFields.create({
     client: clientInstance,
     // the rest of the Hosted Fields configuration goes here
   }, function (hostedFieldsErr, hostedFieldsInstance) {
     // finish by adding event listeners to trigger tokenization requests on a button click
   });
 });
</script>