JSFiddle - React, Tailwind, and code Playground

by Brandon Shelley

JavaScript

var members = ['herpaderpus', 'turtles_head', 'nubstep_rs', 'ardens_fide', 'newending', 'pve_bros', 'rsphilippe', 'pureismwars', 'smap51', 'iprimal_rs', 'im_mr_bloo', 'mrknowles100', 'aikohero', 'cowsbelieve', 'dombo_12', 'diovista', 'mrpixels17'];
var memberData = [];

$.each(members, function (index, member) {
    $.getJSON('https://api.twitch.tv/kraken/users/' + member + '?callback=?', function (d) {
        if (d.status == 404) {} else {
            var data = [];
            data[0] = member;
            data[1] = d.display_name;
            memberData.push(data[0]);
            console.log(memberData);
            $.getJSON('https://api.twitch.tv/kraken/streams/' + data[0] + '?callback=?', function (d) {
                if (d.stream != null) {
                    $("#player").append("<img src='http://pso-clan.com/twitch/lib/images/online.png'>" + "<a target='_blank' href='http://www.twitch.tv/" + data[0] + "'>" + data[1] + "</a>" + " - Viewers: " + d.stream.viewers + "<br>");
                } else {
                    $("#offline").append("<img src='http://pso-clan.com/twitch/lib/images/offline.png'>" + "<a target='_blank' href='http://www.twitch.tv/" + data[0] + "'>" + data[1] + "</a> - Offline<br>");

                }

            });
        }

    });
});
console.log(memberData[0]);