创建一个简单的jQuery游戏来预测胜利者

Question

我正在尝试创建这个游戏，现在它显示了8个团队，用户必须点击它们，所选团队才能进入下一个区域，直到有一个胜利者。我已经从阵列中创建了一对团队，但是无法构建逻辑来选择进入下一级别的团队。我将分享到目前为止所写的代码。

这是一个掷硬币的代码，它在0到1之间选择，这决定了胜利者。

代码 - http://plnkr.co/edit/sTzLPlSbyXPCA0mpWkdC?p=preview

这是我到目前为止尝试过的代码。

$(document).ready(function() {

  var btTeams = ['Team A', 'Team B', 'Team C', 'Team D', 'Team E', 'Team F', 'Team G', 'Team H'],
    _html = "";

  $.each(btTeams, function(intIndex, objValue) {

    if ((intIndex + 1) % 2 !== 0) {
      _html += '<ul class="bt-zone-pair" data-team="team' + intIndex + '">';
    }

    // Add li for all cases
    _html += '<li class="bt-zone"><a href="javscript:void(0)">' +
      objValue + "</a></li>";

    if ((intIndex + 1) % 2 === 0) {
      _html += "</ul>"
    }
  });

  $('.bt-col1').append(_html);

}); 

我目前遇到的最大困难是创建一个通用的逻辑来将团队映射到下一级别以选择获胜者。

非常感谢任何帮助或建议!!