JSFiddle - React, Tailwind, and code Playground
HTML
<div id="widget"></div>
JavaScript
(function(){
var xhr = '{"14.4":{"title":"День Космонавтики","link":"https://ru.wikipedia.org/wiki/День_космонавтики","img":"http://www.2do2go.ru/uploads/d5b3e28ef17a2d32ff930dcb17f03421_w256_h256.jpg"},"7.5":{"title":"День радио","link":"","img":""}}';
var now = new Date();
var data = JSON.parse(xhr);
for(var i in data) {
if(i == now.getDate() + '.' + (now.getMonth()+1)) {
addInfo(i);
break;
}
}
function addInfo(i){
var frag = document.createDocumentFragment(),
title = document.createElement('h3'),
link = document.createElement('a'),
img = document.createElement('img');
title.textContent = link.title = data[i].title;
link.href = data[i].href;
img.src = data[i].img;
link.appendChild(img);
frag.appendChild(title);
frag.appendChild(link);
document.getElementById('widget').appendChild(frag);
};
})();