<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<a id="dateAndPlace">
</a>
var request = new XMLHttpRequest();
request.open('GET', 'https://api.songkick.com/api/3.0/artists/219230/calendar.json?apikey=Q7j5gM06gsqjNj8u', true);
request.onload = function () {
var data = JSON.parse(this.response);
if (request.status >= 200 && request.status < 400) {
var dateAndPlace = data.resultsPage.results.event[0].displayName;
var dateAndPlace = dateAndPlace.replace('Muse at ',''); var uri = data.resultsPage.results.event[0].uri;
document.getElementById("dateAndPlace").innerHTML = dateAndPlace;
document.getElementById("dateAndPlace").setAttribute("href",uri);
};
}
request.send();
