$(function(){ var level; var easy = [ ["Thailand","Cambodia","Myanmar","Malaysia"], ["China","Russia","Japan","South Korea"], ["India","Iran","Iraq","Pakistan"], ["Mexico","United States of America","Canada","England"], ["Russia","Mongolia","China","Japan"], ["Germany","Spain","Belgium","Netherland"], ["France","Norway","Portugal","Denmark"], ["Brazil","Argentina","Chile","Uruguay"], ["Japan","China","South Korea","Vietnam"], ["Spain","Germany","Belgium","Portugal"], ["South Africa","Nigeria","Egypt","Morocco"], ["United States of America","England","Canada","Maxico"], ["Australia","New Zeland","Timor-Leste","Micronesia"], ["South Korea","North Korea","Japan","China"], ["North Korea","South Korea","Japan","China"] ]; var medium = [ ["Colombia","Egypt","Nigeria","South Africa"], ["Croatia","France","Bulgaria","Slovenia"], ["Portugal","Spain","France","Germany"], ["Sweden","Norway","Finland","Denmark"], ["Turkey","Cyprus","Oman","Iraq"], ["Singapore","Malaysia","Indonesia","Philippines"], ["Morocco","Algeria","Tunisia","Libya"], ["Saudi Arabia","Oman","Yemen","Bahrain"], ["Iceland","Norway","Sweden","Denmark"], ["Poland","Indonesia","Peru","France"], ["Tunisia","Algeria","Morocco","Libya"], ["Argentina","Brazil","Peru","Bolivia"], ["Canada","United State of America","Mexico","England"], ["Italy","France","Switzerland","Germany"], ["Switzerland","France","Italy","Germany"], ]; var hard = [ ["Indonesia","Poland","Peru","France"], ["Georgia","Armania","Azerbaijan","Kuwait"], ["Qatar","Oman","Yemen","Bahrain"], ["Bahrain","Oman","Yemen","Qatar"], ["Myanmar","Cambodia","Loas","Thailand"], ["Nepal","Sri Lanka","Bangladesh","Bhutan"], ["Uzbekistan","Kazakhstan","Tajikistan","Kyrgyzstan"], ["Pakistan","Afghanistan","Sri Lanka","Bangladesh"], ["Serbia","Romania","Bulgaria","Albania"], ["Czech Republic","Austria","Slovakia","Hungary"], ["Panama","Guetemala","Costa Rica","Nicaragua"], ["Nigeria","Cameroon","Congo","Niger"], ["Syria","Lebanon","Israel","Jordan"], ["Malaysia","Indonesia","Singapore","Philippines"], ["Mongolia","China","Russia","Japan"] ]; var impossible = [ ["Lesotho","Swaziland","Sudan","Malawi"], ["San Marino","Andorra","Monaco","Malta"], ["Kiribati","Palau","Fiji","Samoa"], ["Saint Lucia","Suriname","Guyana","Paraguay"], ["Dominica","Grenada","Barbados","Belize"], ["Swaziland","Lesotho","Sudan","Malawi"], ["Burundi","Rwanda","Benin","Togo"], ["Maldives","Brunei","Bhutan","Laos"], ["Laos","Cambodia","Myanmar","Thailand"], ["Djibouti","Comoros","Equatorial Guinea","Togo"], ["Kyrgyzstan","Kazakhstan","Tajikistan","Uzbekistan"], ["Bangladesh","Nepal","Bhutan","Pakistan"], ["Bhutan","Nepal","Bangladeah","Pakistan"], ["Niue","Nauru","Palau","Kiribati"], ["Burkina Faso","Côte d'Ivoire","Togo","Sierra Leone"] ]; function checkRotation() { if ($(document).height()<$(document).width()) { $(".table").css({ "width" : "70vh", "height" : "70vh", "margin" : "0", "margin-left" : "5vw" }); $("#option1").css({ "left" : "40vw", "bottom" : "70vh" }); $("#option2").css({ "right" : "10vw", "bottom" : "70vh" }); $("#option3").css({ "left" : "40vw", "bottom" : "40vh" }); $("#option4").css({ "right" : "10vw", "bottom" : "40vh" }); $(".qa").attr("align","left"); $(".wtm").css("padding","10px 0"); $(".countdown-p").hide(); $(".countdown-l").show(); } else { $(".table").css({ "width" : "90vw", "height" : "40vh", "margin" : "0 auto", "margin-top" : "5vw" }); $("#option1").css({ "left" : "20px", "bottom" : "145px" }); $("#option2").css({ "right" : "20px", "bottom" : "145px" }); $("#option3").css({ "left" : "20px", "bottom" : "50px" }); $("#option4").css({ "right" : "20px", "bottom" : "50px" }); $(".qa").attr("align","center"); $(".countdown").css({ "width" : "90vw", "left" : "5vw" }); $(".wtm").css("padding","30px 0"); $(".countdown-p").show(); $(".countdown-l").hide(); } } setInterval(checkRotation,0.01); var quiz; function reset() { if (level == "Easy") { quiz = easy.slice(); } else if (level == "Medium") { quiz = medium.slice(); } else if (level == "Hard") { quiz = hard.slice(); } else if (level == "Impossible") { quiz = impossible.slice(); } } $(document).ready(function(){ $(".jai").on("click",function(){ if ($(this).index(".jai")==0) { quiz = easy.slice(); level = "Easy"; } else if ($(this).index(".jai")==1) { quiz = medium.slice(); level = "Medium"; } else if ($(this).index(".jai")==2) { quiz = hard.slice(); level = "Hard"; } else if ($(this).index(".jai")==3) { quiz = impossible.slice(); level = "Impossible"; } shuffle(quiz); $(".main").hide(); $(".bod").show(); nextPlace(); }); var s,abc; var isplay = true; var current = 0; var score = 0; $(".score,.bod").hide(); var e; var clicked = 1; var html; $(".options").on("click",function(){ if (isplay) { isplay=false; $(".options").css("background-color","#FECDD5"); $(this).css("background-color","#1b6ec3"); stopcount(); $(".options").each(function( index ) { html = $(this).text(); if (abc[0]==html) { $(this).css({ "background-color":"green" }); $(this).addClass("clicked"); } }); if (abc[0]!=$(this).text()) { $(this).css("background-color","red"); $(".p").append("

"+abc[0]+"
You Answered : "+$(this).text()+"

"); $(".img").css("background-size","contain") } else { $(".p").append("

"+abc[0]+"
You Answered : "+$(this).text()+"

"); $(".img").css("background-size","contain") score+=1; } count(3); /*$("td").css("transform","scale(1)"); $("td").removeClass("clicked"); rd = arr.slice(); setTimeout(function(){ random(); },100);*/ } }); function nextPlace() { if (current==10) { $(".fin").text("Final Result ("+level+")"); $(".bod").hide(); $(".score").show(); $(".scr").text(score+"/"+current+" ("+(score/current)*100+"%)"); im = setInterval(toggle,5000); reset(); } else { $("td").css("transform","scale(1)"); $("table").attr("border","2"); $("td").removeClass("clicked"); $(".options").eq(0).css("background-color","#E1193C"); $(".options").eq(1).css("background-color","#1067CC"); $(".options").eq(2).css("background-color","#D69E00"); $(".options").eq(3).css("background-color","#278F0A"); var bgImage = new Image(); bgImage.src = "https://cdn.countryflags.com/thumbs/"+quiz[current][0].toLowerCase().split(" ").join("-")+"/flag-800.png"; $(".table").text("Loading Flag..."); $(".table").css({ "background-image":"url("+bgImage.src+")" }); var opt = quiz[current]; abc = quiz[current].slice(); var options = opt.slice(); shuffle(options); bgImage.onload = function(){ $(".options").eq(0).html(options[0]); $(".options").eq(1).html(options[1]); $(".options").eq(2).html(options[2]); $(".options").eq(3).html(options[3]); isplay = true; $(".table").css({ "background-image":"url("+bgImage.src+")" }); $(".table").text(""); count(20); current+=1; $(".options").removeClass("clicked"); }; } } function shuffle(array) { var currentIndex = array.length, temporaryValue, randomIndex; while (0 !== currentIndex) { randomIndex = Math.floor(Math.random() * currentIndex); currentIndex -= 1; temporaryValue = array[currentIndex]; array[currentIndex] = array[randomIndex]; array[randomIndex] = temporaryValue; } return array; } var interval,interval2; function count(time) { $(".countdown-p").text(""+time+""); $(".countdown-l").text(""+time+""); var i = time-1; ccc(time); function aaa() { $(".countdown-p").text(""+i+""); $(".countdown-l").text(""+i+""); i--; } interval=setInterval(aaa,1000); function bbb(){ stopcount(); if (isplay) { isplay=false; $(".options").css("background-color","red"); $("td").addClass("clicked"); $("td").css("transform","scale(0)"); $("table").attr("border","0"); $(".options").each(function( index ) { html = $(this).text(); if (abc[0]==html) { $(this).css("background-color","green"); $(this).addClass("clicked"); } }); $(".p").append("

"+abc[0]+"
You Answered : Didn't Answer

"); $(".img").css("background-size","contain") count(3); /*$("td").css("transform","scale(1)"); $("td").removeClass("clicked"); rd = arr.slice(); setTimeout(function(){ random(); },100);*/ } else { nextPlace(); } } interval2 = setInterval(bbb,time*1000); function ccc(time) { $(".countdown-p").animate({ "width" : "5vw" },time*1000,"linear"); $(".countdown-l").animate({ "width" : "5vw" },time*1000,"linear"); } } function stopcount() { clearInterval(interval); clearInterval(interval2); if ($(document).height()<$(document).width()) { $(".countdown-p,.countdown-l").stop().width("60vw"); } else { $(".countdown-p,.countdown-l").stop().width("90vw"); } } $("#again").on("click",function(){ current=0; score=0; shuffle(quiz); nextPlace(); $(".score").hide(); $(".bod").show(); $(".asif").remove(); reset(); clearInterval(im); }); $("#menu").on("click",function(){ current=0; score=0; shuffle(quiz); $(".score").hide(); $(".main").show(); $(".asif").remove(); reset(); clearInterval(im); }); function toggle() { $(".fin").toggle(); $(".scr").toggle(); } }); });

All Country Flag (Game)