Кнопка Twitch (HTML/JScript с начальной загрузкой)

Question

Привет всем, я попробовал все, что я могу придумать, чтобы сделать эту работу. Я знаю, что он возвращает stream = null или active через браузер, но не будет применять мои кнопки к моей странице. Не очень хорошо с javascript может кто-нибудь направить меня в правильном направлении.

  <script type="text/javascript">
    (function() {

          var user_name, api_key;

      user_name = "Undead_Atomsk";
      api_key = "************************";

      twitch_widget.attr("href","https://twitch.tv/" + user_name);

      $.getJSON('https://api.twitch.tv/kraken/streams/' + user_name + '?client_id=' + api_key + '&callback=?', function(data) {
          if (data.stream) {
              document.write(<a href="http://www.twitch.tv/Undead_Atomsk" target="_blank" class="btn btn-success navbar-btn navbar-right">Live!</a>);
          } else {
              document.write(<a href="http://www.twitch.tv/Undead_Atomsk" target="_blank" class="btn btn-danger navbar-btn navbar-right">Offline!</a>);
          }
      });

    })();
    </script

Answer 1

Прислушался к вашим советам и использовал инструменты браузера "Полностью забыл о тех".

Я добавил эту строку в мой HTML.

    <a href="" id="twitch-btn" class="navbar-right"></a>

Затем я создал файл.js и использовал следующий код: все работает, API-интерфейс дергается медленно!

    (function() {

     var user_name, api_key, twitch_widget;

     user_name = "Undead_Atomsk";
     api_key = "********************";
     twitch_widget = $("#twitch-widget");

     twitch_widget.attr("href","https://twitch.tv/" + user_name);

     $.getJSON('https://api.twitch.tv/kraken/streams/' + user_name +'?client_id=' + api_key + '&callback=?', function(data) {
    if (data.stream) {
    document.getElementById("twitch-btn").innerHTML = '<a href="http://www.twitch.tv/Undead_Atomsk" target="_blank" class="btn btn-danger navbar-btn navbar-right">Live!</a>';
} else {
  document.getElementById("twitch-btn").innerHTML = '<a href="http://www.twitch.tv/Undead_Atomsk" target="_blank" class="btn btn-default navbar-btn navbar-right">Offline!</a>';
}
 });

 })();