JSFiddle - React, Tailwind, and code Playground
HTML
<div id="data">Loading...</div>
JavaScript
var config = {
'03BF176A-D59F-49CA-A311-39FC6F533F2F': 'Shatterer',
'568A30CF-8512-462F-9D67-647D69BEFAED': 'Tequatl the Sunless',
'0464CB9E-1848-4AAA-BA31-4779A959DD71': 'Claw of Jormag',
'F7D9D427-5E54-4F12-977A-9809B23FBA99': 'The Frozen Maw',
'31CEBA08-E44D-472F-81B0-7143D73797F5': 'Shadow Behemoth',
'33F76E9E-0BB6-46D0-A3A9-BE4CDFC4A3A4': 'Fire Elemental',
'C5972F64-B894-45B4-BC31-2DEEA6B7C033': 'Great Jungle Wurm',
'C876757A-EF3E-4FBE-A484-07FF790D9B05': 'Megadestroyer',
'9AA133DC-F630-4A0E-BB5D-EE34A2B306C2': 'Golem Mark II',
'D35D7F3B-0A9B-41C6-BD87-7D7A0953F789': 'Temple of Balthazar',
'57A8E394-092D-4877-90A5-C238E882C320': 'Temple of Grenth',
'0372874E-59B7-4A8F-B535-2CF57B8E67E4': 'Temple of Lyssa',
},
url = 'https://api.guildwars2.com/v1/events.json?world_id=1001';
data = {},
html = '';
$.ajax({
type: 'GET',
url: url,
async: false,
dataType: 'json',
success: function (json) {
data = json;
}
});
for(var i in data['events']) {
var event = data['events'][i];
if (event['event_id'] in config) {
html = html + config[event['event_id']] + ': ' + event['state'] + '<br>';
}
}
$('#data').html(html);