$(function(){ var team16 = [ ["France","Argentina","4","3"], ["Uruguay","Portugal","2","1"], ["Brazil","Mexico","2","0"], ["Belgium","Japan","3","2"], ["Spain","Russia","1(3)","1(4)"], ["Croatia","Denmark","1(3)","1(2)"], ["Sweden","Switzerland","",""], ["Colombia","England","",""] ]; var team8 = [ ["France","Uruguay"], ["Brazil","Belgium"], ["Russia","Croatia"], ["Sweden","England"] ]; var team4 = [ ["France","Belgium"], ["Croatia","England"] ]; var preChamp = [ ["France","Croatia"] ]; var preThird = [ ["Belgium","England"] ]; print(team16,"t16","team16"); print(team8,"t8","team8"); print(team4,"t4","team4"); print(preChamp,"t2","preChamp"); print(preThird,"t2","preThird"); $(".team8").eq(0).css({"margin-top":"40px"}); $(".team4").eq(0).css({"margin-top":"100px"}); $(".preChamp").prepend("Final"); $(".preThird").prepend("Third place play-off"); function print(arr,cls,clss) { for (x in arr) { if (arr[x][1].toLowerCase()=='' && arr[x][0].toLowerCase()=='') { $("."+cls+"").append("

TBD

"); } else if (arr[x][1].toLowerCase()=='') { if (arr[x][0].toLowerCase()=='russia') { $("."+cls+"").append("

"+arr[x][0]+"

TBD

" ) } else { $("."+cls+"").append("

"+arr[x][0]+"

TBD

"); } } else if (arr[x][0].toLowerCase()=='') { if (arr[x][1].toLowerCase()=='russia') { $("."+cls+"").append("

TBD

"+arr[x][1]+"

"); } else { $("."+cls+"").append("

TBD

"+arr[x][0]+"

"); } } else { if (arr[x][1].toLowerCase()=='russia') { $("."+cls+"").append("

"+arr[x][0]+"

"+arr[x][1]+"

"); } else if (arr[x][0].toLowerCase()=='russia') { $("."+cls+"").append("

"+arr[x][0]+"

"+arr[x][1]+"

" ) } else { $("."+cls+"").append("

"+arr[x][0]+"

"+arr[x][1]+"

"); } } } } $("button").on("click",function() { $(".team16,.team8,.team4,.preChamp,.preThird").remove(); var team16 = [ ["France","Argentina"], ["Uruguay","Portugal"], ["Brazil","Mexico"], ["Belgium","Japan"], ["Spain","Russia"], ["Croatia","Denmark"], ["Sweden","Switzerland"], ["Colombia","England"] ]; var team8 = [ ["France","Uruguay"], ["Brazil","Belgium"], ["Russia","Croatia"], ["Sweden","England"] ]; var team4 = [ ["France","Belgium"], ["Croatia","England"] ]; var preChamp = [ ["France","Croatia"] ]; var preThird = [ ["Belgium","England"] ]; print(team16,"t16","team16"); print(team8,"t8","team8"); print(team4,"t4","team4"); print(preChamp,"t2","preChamp"); print(preThird,"t2","preThird"); $(".team8").eq(0).css({"margin-top":"40px"}); $(".team4").eq(0).css({"margin-top":"100px"}); $(".preChamp").prepend("Final"); $(".preThird").prepend("Third place play-off"); $("h2").html("Champion!
France"); $(".z").html("2nd : Croatia
3rd : Belgium
4th : England"); }); });

World Cup 2018 Brackets