JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<div class="streamers">
            </div>

JavaScript

var streamers = ["freecodecamp", "GeoffStorbeck",  "medrybw"];

    var getDATA = function(arr) {
        var cb = '?client_id=c292fn290f4pac7cpk4j4t137uk3tn&callback=?';
        var url = 'https://api.twitch.tv/kraken/';
        var hardCodedJSON = [];
        arr.forEach(function(stream) {
            var obj = {};
            var newUrl = url + 'streams/' + stream + cb;
            $.getJSON(newUrl).success(function(data) {
                hardCodedJSON.push(data);
                console.log(hardCodedJSON);
            });
        });
        console.log(hardCodedJSON);
        return hardCodedJSON;

    };
    var updateDOM = function(obj) {
        $(".streamers").append(obj.map(function(item) {
            if (item.stream == null && item.display_name) {
                return '<div class="streamer">' + item.display_name + '</div>';

            } else if (item.stream && item.stream.display_name) {
                console.log(item.stream.logo);
                return '<div class="streamer">' + item.stream.display_name + '</div>';
            }
        }));
    };
    $(document).ready(updateDOM(getDATA(streamers)));