JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div id="weather">
  
  </div>
</body>

CSS

body {
        background-color: #ff5000;
    }

JavaScript

$(document).ready(function(){ 
  var json = '{"coord":{"lon":-9.3,"lat":53.85},"weather":[{"id":801,"main":"Clouds","description":"few clouds","icon":"02d"}],"base":"cmc stations","main":{"temp":279.648,"pressure":1017.69,"humidity":99,"temp_min":279.648,"temp_max":279.648,"sea_level":1025.34,"grnd_level":1017.69},"wind":{"speed":6.02,"deg":247.003},"clouds":{"all":24},"dt":1455725063,"sys":{"message":0.0036,"country":"IE","sunrise":1455695537,"sunset":1455731457},"id":2965654,"name":"Castlebar","cod":200}';
  var json_parsed = JSON.parse(json);
  $('#weather').html("Weather is: " + json_parsed['weather'][0]['main']);
});