JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
</head>
<body>
Address: <input type="text" id="address"/>
<br/>
Address Response: <textarea rows=20 cols=80></textarea>
<script type="text/javascript" src="https://point.digital.nsw.gov.au/v2/widget/NSWPoint.js"></script>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function(event) {
var addressWidget = NSWPoint.setupAddressWidget({
"apiKeyPredictive1": "JribH6c6K62UtIXmgpfhe9eCbTUkajbK6jrSHAE8",
"apiKeyOthers": "JribH6c6K62UtIXmgpfhe9eCbTUkajbK6jrSHAE8",
"selector": "#address",
"maxNumberOfResults": 5,
"validationEnforced": false,
"deliveryPointId": false,
"enterMyAddress": false,
"stateTerritory": [
"NSW",
"VIC",
"QLD",
"TAS",
"ACT",
"SA",
"WA",
"NT",
"OT"
],
"dataset": "gnaf",
"outFields": [
"lgaName",
"lgaShortName",
"lgaPid",
"mbId",
"sa1Id",
"sa2Id",
"sa3Id",
"sa4Id",
"stateElectoralName",
"stateElectoralPid",
"stateElectoralType",
"stateElectoralClassCode",
"commElectoralName",
"commElectoralPid",
"cadastralParcels",
"deliveryPointIdentifier"
],
"autoFocus": false,
"delay": 300,
"minLength": 3,
"servicePoint": {
"apiKey": "APIKEY",
"enabled": false,
"siteid": "SITEID",
"activityid": "ACTIVITYID"
},
onAddressValidationChanged: function(data){
NSWPoint.$('textarea').val(JSON.stringify(addressWidget.addressResponse,null,' '));
},
})
});
</script>
</body>
</html>