JSFiddle - React, Tailwind, and code Playground

by Brock Callahan

HTML

<div id="print"></div>

JavaScript

var print = document.getElementById('print');
var ajax = new XMLHttpRequest();
var weather = navigator.geolocation.getCurrentPosition(showPosition);

ajax.onreadystatechange = function() {
	if (ajax.readyState === 4 && ajax.status = 200) {
  	var forecast = JSON.parse(ajax.responseText);
    print.innerHTML = typeof forecast;
  }
};

ajax.open('GET', weather, true);
ajax.send();


function showPosition(position) {
	var getWeather = 'api.openweathermap.org/data/2.5/weather?lat=' + position.coords.latitude + '&lon=' + position.coords.longitude + '&appid=4619dba81fb21e18d428a640d4dd2d8d';
  return getWeather;
}

print.innerHTML = weather;