Flip-A-Coin Bracket Generator

by Ryan Allison

HTML

<html>

  <body>
    <button id="btnFlip">Flip a coin</button>
    <table>
      <tr id="tr0" style="text-align:center;">
        <td></td>
        <td>Round of 32</td>
        <td>Sweet 16</td>
        <td>Elite 8</td>
        <td>Final 4</td>
        <td>Championship</td>
        <td>Champion</td>
        <td>Championship</td>
        <td>Final 4</td>
        <td>Elite 8</td>
        <td>Sweet 16</td>
        <td>Round of 32</td>
        <td></td>
      </tr>
      <tr id="tr1">
        <td class="b"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td class="b"></td>
      </tr>
      <tr id="tr2">
        <td class="r"></td>
        <td class="b"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td class="b"></td>
        <td class="l"></td>
      </tr>
      <tr id="tr3">
        <td class="r b"></td>
        <td class="r"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td class="l"></td>
        <td class="l b"></td>
      </tr>
      <tr id="tr4">
        <td></td>
        <td class="r"></td>
        <td class="b"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td class="b"></td>
        <td class="l"></td>
        <td></td>
      </tr>
      <tr id="tr5">
        <td class="b"></td>
        <td class="r"></td>
        <td class="r"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td class="l"></td>
        <td class="l"></td>
        <td class="b"></td>
     ...

CSS

.b {
  border-bottom: 1px solid black;
}

.l {
  border-left: 1px solid black;
}

.r {
  border-right: 1px solid black;
}

td {
  width: 112px;
  height: 10px;
}

table {
  border-collapse: collapse;
}

JavaScript

$(document).ready(function() {
  var t0 = "1 Virginia";
  var t1 = "16 UMBC";
  var t2 = "8 Creighton";
  var t3 = "9 Kansas St";
  var t4 = "5 Kentucky";
  var t5 = "12 Davidson";
  var t6 = "4 Arizona";
  var t7 = "13 Buffalo";
  var t8 = "6 Miami";
  var t9 = "11 Loyola-Chi";
  var t10 = "3 Tennessee";
  var t11 = "14 Wright St";
  var t12 = "7 Nevada";
  var t13 = "10 Texas";
  var t14 = "2 Cincinnati";
  var t15 = "15 Georgia St";
  var t16 = "1 Xavier";
  var t17 = "16 NCCU/TXSO";
  var t18 = "8 Missouri";
  var t19 = "9 Florida St";
  var t20 = "5 Ohio St";
  var t21 = "12 S. Dak. St";
  var t22 = "4 Gonzaga";
  var t23 = "13 UNC-Green";
  var t24 = "6 Houston";
  var t25 = "11 San Diego St";
  var t26 = "3 Michigan";
  var t27 = "14 Montana";
  var t28 = "7 Texas A&M";
  var t29 = "10 Providence";
  var t30 = "2 N. Carolina";
  var t31 = "15 Lipscomb";
  var t32 = "1 Villanova";
  var t33 = "16 LIU/RAD";
  var t34 = "8 Va. Tech";
  var t35 = "9 Alabama";
  var t36 = "5 W. Virginia";
  var t37 = "12 Murray St";
  var t38 = "4 Wichita St";
  var t39 = "13 Marshall";
  var t40 = "6 Florida";
  var t41 = "11 StBon/UCLA";
  var t42 = "3 Texas Tech";
  var t43 = "14 SFA";
  var t44 = "7 Arkansas";
  var t45 = "10 Butler";
  var t46 = "2 Purdue";
  var t47 = "15 CS Fullerton";
  var t48 = "1 Kansas";
  var t49 = "16 Penn";
  var t50 = "8 Seton Hall";
  var t51 = "NC State";
  var t52 = "5 Clemson";
  var t53 = "12 New Mex. St";
  var t54 = "4 Auburn";
  var t55 = "13 Charleston";
  var t56 = "6 TCU";
  var t57 = "11 ASU/SYR";
  var t58 = "3 Michigan St";
  var t59 = "14 Bucknell";
  var t60 = "7 Rhode Island";
  var t61 = "10 Oklahoma";
  var t62 = "2 Duke";
  var t63 = "15 Iona";

  var b0 = "tr#tr1 td:eq(0)";
  var b1 = "tr#tr3 td:eq(0)";
  var b2 = "tr#tr5 td:eq(0)";
  var b3 = "tr#tr7 td:eq(0)";
  var b4 = "tr#tr9 td:eq(0)";
  var b5 = "tr#tr11 td:eq(0)";
  var b6 = "tr#tr13 td:eq(0)";
  var b7 = "tr#tr15 td:eq(0)";
  var b8 = "tr#tr17 td:eq(0)";
  var b9 =...