JSFiddle - React, Tailwind, and code Playground

by ian_smithz

HTML

<script>


			var dataLayer=[{
				'pageId': 'Order Confirmation',
				'customerId': '116526704',
				'email': '[email protected]',
				'city': 'ASHFORD',
				'state': 'Middlesex',
				'zipCode': 'TW15 1JN',
				'country': 'UK',
				'profession': 'Other Trade',
				'customerBrand': 'SCREWFIX',
				'vatPriceDisplay': 'INC-VAT',
				'industry': '',
				'company': '',
				'gasSafeRegistered': 'Unregistered',
				'transactionId': 'A139272412',
				'transactionCollectTodayTotal': '',
				'transactionCollectNdTotal': '',
				'transactionDeliveryTotal': '83.33',
				'transactionTotal': '83.33',
				'transactionTotalDiscount': '83.33',
				'transactionShipping': '0.00',
				'transactionTax': '16.66',
				'paymentType': 'PayPal',
				'discountNameOrder': '',
				'discountCodeOrder': '',
				'discountNameDelivery': '',
				'discountCodeDelivery': '',
				'storeName': 'Yeovil - Lysander Road',
				'fulfillmentType': 'Delivery',
				'enrolledIn3DS': '',
				'webVersion': 'V3'
			  }];









      var curbsideScripts = [
         "https://hosted.curbside.com/1.0/curbside.dependencies.js", 
         "https://hosted.curbside.com/1.0/curbside.sdk.js"
      ]; 

      curbsideScripts.forEach(function(src) {
        var script = document.createElement('script');
        script.src = src;
        script.async = false;
        script.defer = true;
        document.body.appendChild(script);
      });


      document.addEventListener("DOMContentLoaded", function() {

        var curbsideCustom = document.createElement('script');
        curbsideCustom.setAttribute('src','https://www.screwfix.com/images/general/assets/js/curbside-custom.js');
        curbsideCustom.setAttribute('defer','');
        document.body.appendChild(curbsideCustom);

      });

</script>



<p>
 here's a lot of content
</p>

<p>
 here's a lot of content
</p>
<p>
 here's a lot of content
</p>
<p>
 here's a lot of content
</p>
<p>
 here's a lot of content
</p>
<p>
 here's a lot of content
</p>
<p>
...