FreeCodeCamp/Help

// -----------------------ON KEYPRESS-------------------------
    $("#searchTerm").keypress(function(e) {
        // Keypress.
        if (e.keyCode === 13) {
            // When spacebar is pressed.
            $("#output").empty();
            var searchTerm = $("#searchTerm").val();

            // Iterate through streamers and get the API of each one of them.
            $.ajax({
                type: "GET",
                url: "https://api.twitch.tv/kraken/streams/" + searchTerm, // Each streamer's user name gets added to URL.
                headers: {
                    "client-ID": "8wp64ky5gj2bqordmiocrwdw4oivc0"
                },
                success: function(twitch) {
                    // This contains each streamer's API.

                    if (twitch.stream !== null) {
                        // If streamers are online...
                        var logo = twitch.stream.channel.logo;
                        var name = twitch.stream.channel.display_name;
                        var status = twitch.stream.channel.status;
                        var game = twitch.stream.channel.game;
                        var url = twitch.stream.channel.url;

                        $("#output").append(
                            // Append to #output div.
                            "<a target = '_blank' href=" +
                                url +
                                "><div class = 'well'>" +
                                "<img id = 'img' src =" +
                                logo +
                                ">" +
                                "<br></br>" +
                                "<p id = 'name'>" +
                                name +
                                "</p>" +
                                "<hr></hr>" +
                                "<p id = 'status'>" +
                                status +
                                "</p>" +
                                "<hr></hr>" +
                                "<p id = 'online'>Online</p>" +
                                "</div></a>"
                        ); // End of online append.
                    } else if (twitch.stream === null) {
                        $.ajax({
                            // If streamers are offline...
                            type: "GET",
                            url:
                                "https://api.twitch.tv/kraken/channels/" + searchTerm + "?callback?", // Get info from their channel instead of stream.
                            headers: {
                                "client-ID": "8wp64ky5gj2bqordmiocrwdw4oivc0"
                            },
                            success: function(twitchOffline) {
                                console.log(twitchOffline.status);
                                // API of streamer's channel.

                                var logo = twitchOffline.logo != null // If logo exists,
                                    ? (logo = twitchOffline.logo) // logo conserves properties.
                                    : (logo =
                                            "https://pre06.deviantart.net/1a10/th/pre/f/2015/291/5/1/logo_twitch_iosversion_by_akiruuu-d9djk9s.png"); // If not, logo is now this image.
                                var url = twitchOffline.url;
                                var status = twitchOffline.status != null // If status exists,
                                    ? (status = twitchOffline.status) // status conserves properties.
                                    : (status = "404 not found"); // If not, status displays "404 not found".
                                var displayName = twitchOffline.display_name;
                                $("#output").append(
                                    // Append to the same #output div.
                                    "<a target = '_blank' href =" +
                                        url +
                                        "><div class = 'well well-md'>" +
                                        "<img id = 'img' src =" +
                                        logo +
                                        "><br></br>" +
                                        "<p id = 'name'>" +
                                        displayName +
                                        "</p>" +
                                        "<hr></hr>" +
                                        "<p id = 'status'>" +
                                        status +
                                        "</p>" +
                                        "<hr></hr>" +
                                        "<p id = 'offline'>Offline</p>" +
                                        "</div></a>"
                                ); // End of offline append.
                            } // End of nested success function.
                        }); // End of nested ajax call.
                    } // End of else statement.
                } // End of success function.
            }); // End of ajax call.
        } // End of if statement.
    }); // End of searchTerm function.