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文件，並使用以下代碼現在一切正常，但twitch 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>';
}
 });

 })();