JSFiddle - React, Tailwind, and code Playground

HTML

<button onclick="doStuff()">DO!</button>
<div id="test"></div>

CSS

p.e {
    color: red;
}

JavaScript

var items = {
    "Eldritch Scroll"      : "20852", // example
    "Master's Salvage Kit" : "23043",
    "Moto's Dagger Design" : "46662",
    "Hero's Axe"           : "64287", // "Hero's" example
    "Hero's Dagger"        : "64288",
    "Hero's Focus"         : "64289",
    "Hero's Harpoon Gun"   : "64283",
    "Hero's Longbow"       : "64292",
    "Hero's Rifle"         : "64294",
    "Hero's Shield"        : "64296",
    "Hero's Scepter"       : "64295",
    "Hero's Torch"         : "64300",
    "Hero's Warhorn"       : "64301",
    "Mists Stone"          : "67007",
    "Resonating Chaos Orb" : "66983",
    "Germinated Foxfire Cluster": "66994",
    "Mawdrey"              : "67004"
};

function doStuff() {
    Object.keys(items).forEach(function(key) {
        $.getJSON("https://api.guildwars2.com/v2/items?ids=" + items[key], function (data) {
            $("div#test").append("<p>" + key + " (" + items[key] + ")" + " : " + JSON.stringify(data) + "</p>");
        }).fail(function() {
            $("div#test").append("<p class=\"e\">"  + key + " (" + items[key] + ")" + " : FAILED </p>");
        });
    });
}