JSFiddle - React, Tailwind, and code Playground

by tickietick

HTML

<div>
  <span id='result'>Result:</span>
  <span id='data'>-</span>
</div>

JavaScript

var request = new XMLHttpRequest();
request.open('GET', 'https://www.alphavantage.co/query?function=TIME_SERIES_DAILY&symbol=PE&apikey=EPT6EXOIP4D3KWTL', true);

request.onload = function() {
  if (request.status >= 200 && request.status < 400) {
    // Success!
    var json = JSON.parse(request.responseText);
    
    document.getElementById('result').innerHTML='Result Update:';
    document.getElementById('data').innerHTML=json['Meta Data']['3. Last Refreshed'];
  } else {
    // We reached our target server, but it returned an error
		document.getElementById('data').innerHTML='server error';
  }
};

request.onerror = function() {
  // There was a connection error of some sort
  document.getElementById('data').innerHTML='connection error';
};

request.send();