JSFiddle - React, Tailwind, and code Playground

by Jake Wolpert

HTML

<div data-role="page" id="page_Home">
  <div data-role="header" data-theme="c">
    <h1>Home Page</h1>
  </div>
  <div data-role="content">

    <button id="loadJSON">LOAD DATA</button>
    <div id="JSON_data">

    </div>
  </div>

</div>

JavaScript

$(document).ready(function() {

  $(document).on("click", "#loadJSON", function(event, ui) {
    $.getJSON("//cors.jejaju.com/itv.json", function(data) {
      console.log(data)
      $("#JSON_data").html(format(data.results));
    })
  });
});

function format(results) {
  return results[0].formatted_address
}