JSFiddle - React, Tailwind, and code Playground

by Gophr .com

HTML

This button's properties are set via javascript
<div
      id="gophr-button"
      class="gophr-quick-booking"
      data-widget="quick-booking">
</div>

JavaScript

var button = document.getElementById('gophr-button');
button.setAttribute('data-pickup-address1', '9 White Lion Street');
button.setAttribute('data-pickup-postcode', 'N1 9PD');
button.setAttribute('data-pickup-city', 'London');
button.setAttribute('data-pickup-country-code', 'UK');
button.setAttribute('data-env', 'sandbox');

(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//book.gophr.com/widget/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'gophr-jssdk'));