JSFiddle - React, Tailwind, and code Playground

by Cameron Bernhardt

HTML

<input type="text" id="name" placeholder="University name" />
<br/>
<button id="go">
  Go
</button>
<div id="results">
</div>

CSS

input,
button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

JavaScript

$("#go").click(function() {
  var uni = $("#name").val().toLowerCase().split(" ").join("+");
  if (uni) {
    $.get('https://kgsearch.googleapis.com/v1/entities:search?query=' + uni + "+endowment&key=AIzaSyBN351Q1V7ncQA4r4I8n6wJc4y0UJpPmdA&limit=1&indent=True", function(data) {
      console.log(data);
    });
  }
});

$("#go").click();