Javascript Twitch拖缆freecodecamp项目-显示问题

Javascript Twitch拖缆freecodecamp项目-显示问题,javascript,Javascript,我的代码不会在网页上显示徽标、显示名称和状态,尽管它们显示在控制台中。请帮我找出问题所在。我非常感激!谢谢大家! 这是我的钢笔: ` $(文档).ready(函数(){ var user_arr=[“ESL_SC2”、“OgamingSC2”、“cretetion”、“freecodecamp”、“storbeck”、“habathcx”、“RobotCaleb”、“Noobs2nijas”]; var channelURL=https://wind-bow.gomix.me/twitch-ap

我的代码不会在网页上显示徽标、显示名称和状态,尽管它们显示在控制台中。请帮我找出问题所在。我非常感激!谢谢大家!

这是我的钢笔: `

$(文档).ready(函数(){
var user_arr=[“ESL_SC2”、“OgamingSC2”、“cretetion”、“freecodecamp”、“storbeck”、“habathcx”、“RobotCaleb”、“Noobs2nijas”];
var channelURL=https://wind-bow.gomix.me/twitch-api/channels/';
var streamURL=https://wind-bow.gomix.me/twitch-api/streams/';
var状态;
变量显示名称;
变量logoURL;
对于(变量i=0;i
$(“.user\u info”)
替换为
$(“.user\u info”)
,它将正常工作。在代码笔的HTML中,.user\u info是一个类而不是id。=)

$(“.user\u info”)
替换
$(“.user\u info”)
,它会起作用。在代码笔的HTML中,.user_info是一个类而不是id。=)

这太棒了。非常感谢Astro Boogie!它现在可以显示了,但我发现了另一个小问题,不是所有的用户名都显示出来,有些用户名会重复出现,所以我不知道我在哪里犯了错误。如果你能为我指出,我将不胜感激!太棒了。非常感谢Astro Boogie!它现在可以显示了,但我发现了另一个小问题,不是所有的用户名都显示出来,有些用户名会重复出现,所以我不知道我在哪里犯了错误。如果你能为我指出,我将不胜感激!
$(document).ready(function(){
   var user_arr = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"];
  var channelURL = 'https://wind-bow.gomix.me/twitch-api/channels/';
  var streamURL ='https://wind-bow.gomix.me/twitch-api/streams/';
 var status;
  var display_name;
  var logoURL;

  for (var i = 0; i < user_arr.length; i++) {
    (function(i) { // protects i in an immediately called function
      $.getJSON(streamURL + user_arr[i] + '?callback=?', function (data) {
        //console.log(data);
        if(data.stream === null){
          $.getJSON(channelURL + user_arr[i] + '?callback=?',function(data){
            var display_name = data.display_name;
            var logoURL = data.logo;
            status = "Offline";
          })
        }
        else{
          display_name = data.stream.channel.display_name;
         // console.log(display_name);
        logoURL = data.stream.channel.logo;
          status = "Online";
    }
  $("#user_info").prepend("<div class= 'row'>" + "<div class='col-md-4'>" + "<img src= '" + logoURL + "'>" + "</div>"
 + "<div class= 'col-md-4'>" + display_name + "</div>" + "<div class = 'col-md-4'>" + status + "</div></div>");    


      });
    })(i);
}







  })