staff loop

/*
html :
    <div class="midstaff">
        <h2>Staff Team</h2>
        <div class="table">
          <table id="staffTable" class="table table-hover"></table>
        </div>
    </div>
*/
//MakeStaffTable
  Staff = [
            {mcName:"ItsXylium", twitter:"ItsXylium", rank:"Owner"},
            {mcName:"Nachtgaaltje", twitter:"Nacht_Gaaltje_", rank:"Co-Owner"},
            {mcName:"BoeingBjorn777", twitter:"BoeingBjorn777", rank:"Admin"},
            {mcName:"SnowStory", twitter:"SnowStory_Bruce", rank:"Helper/Builder"},
            {mcName:"NickXSilence", twitter:"NIckXSilence", rank:"Builder"},
            {mcName:"Zypthos", twitter:"Zypthos", rank:"Helper"},
            {mcName:"Timeuw", twitter:"Timeuw", rank:"Helper"},
            {mcName:"xGreenBanana", twitter:"bananagreenyt", rank:"Helper"},
            {mcName:"", twitter:"_enderzombie_25", rank:""},
            {mcName:"RV_dutchman", twitter:"PotterFreakRoy", rank:"Developer"},
  ];
  /*
  @Parm{Players} object
  @Parm{divId} string
  @returns{html} string
  */
  function MakeTable(Players, divId) {
    var el = document.getElementById(divId);
    var string = '<table class="table table-hover">\
                  <tr>\
                    <td><strong>Skin</strong></td>\
                    <td><strong>Minecraft username</strong></td>\
                    <td><strong>Rank</strong></td>\
                    <td><strong>Twitter</strong></td>\
                  </tr>';
    for (var i = 0; i < Players.length; i++) {
      string += '<tr>\
                  <td><img src="https://minotar.net/helm/'+Players[i].mcName+'/100.png"></td>\
                  <td>'+Players[i].mcName+'</td>\
                  <td>'+Players[i].rank+'</td>\
                  <td><a href="https://twitter.com/'+Players[i].twitter+'"><p>@'+Players[i].twitter+'</p></a></td>\
                </tr>';
    }
    string += '</table>';
    el.innerHTML = string;
  }
  MakeTable(Staff, 'staffTable');

  //end