$(function(){ function checkRotation() { if ($(document).height()<$(document).width()) { $("table").css({ "width" : "70vh", "height" : "70vh", "margin" : "0", "margin-left" : "5vw" }); $("#option1").css({ "left" : "40vw", "bottom" : "45vh" }); $("#option2").css({ "right" : "10vw", "bottom" : "45vh" }); $("#option3").css({ "left" : "40vw", "bottom" : "20vh" }); $("#option4").css({ "right" : "10vw", "bottom" : "20vh" }); } else { $("table").css({ "width" : "62vh", "height" : "62vh", "margin" : "0 auto" }); $("#option1").css({ "left" : "20px", "bottom" : "75px" }); $("#option2").css({ "right" : "20px", "bottom" : "75px" }); $("#option3").css({ "left" : "20px", "bottom" : "20px" }); $("#option4").css({ "right" : "20px", "bottom" : "20px" }); } } setInterval(checkRotation,1); var quiz = [ ["What is the name of this person","https://i2-prod.mirror.co.uk/incoming/article10562943.ece/ALTERNATES/s615b/Real-Madrids-Cristiano-Ronaldo-celebrat.jpg",["Ronaldo","Messi","Neymar","Sánchez"]], ["What is the name of this store","https://img.wongnai.com/p/1920x0/2018/03/15/5ecd2f4c4bae4b3d9f0bbf1d61037c82.jpg",["IKEA","Tesco","Safeway","Carrefore"]], ["What is this building","https://render.fineartamerica.com/images/rendered/default/poster/8/10/break/images-medium-5/empire-state-building-new-york-city-usa-sabine-jacobs.jpg",["Empire State","Burj Khalifa","Kingdom Tower","Petronas Towers"]], ["What is the name of this person","https://puzzups.com/wp-content/uploads/2018/02/Pitbull-Pictures-768x357.jpg",["Pitbull","Jason Derulo","Bruno Mars","Sam Smith"]], ["What is the name of this landmark","https://media.ceetiz.com/activity/ENCLON023/thumbnails/642x450/tower-bridge-2.jpg",["Tower Bridge","Big Ben","London Eye","Golden Gate Bridge"]], ["Which inc. has this headquarters","https://st3.depositphotos.com/9724140/15453/i/1600/depositphotos_154533314-stock-photo-googleplex-google-headquarters-in-california.jpg",["Google","Apple","Facebook","Microsoft"]], ["What is the name of this landmark","https://image.ibb.co/efmT7o/brandenburg_gate.jpg",[ "Brandenburg Gate","Arc De Triomphe","La Grande Arche","Soa Chin Cha"]], ["What is the name of this person","http://issue247.com/wp-content/uploads/2014/12/Taylor-Swift.jpg",["Taylor Swift","Anna Marie","Meghan Trainor","Jennifer Lopez"]], ["What is the name of this landmark","https://www.dropbox.com/s/ruwd4s0o6weltxm/IMG_20180628_060616.JPG?dl=1&raw=1",["Angel Falls","Niagara Falls","Kaieteur Falls","Iguazu Falls"]], ["What is the name of this person","https://images.shazam.com/artistart/a40077701_s800b1b5.jpg",["Nicky Jam","Jason Derulo","Sean Paul","Pitbull"]], ["What is the name of this landmark","https://aws-tiqets-cdn.imgix.net/images/content/3ca6b020234e47448d46547ff3ac6b3f.jpg?auto=format&fit=crop&ixlib=python-1.1.2&q=25&s=434230a6bbd198e7be30fa3c234e13bd&w=400&h=320&dpr=2",["Sagrada Familia","Notre Dame","St. Peter's Basilica","St. Basil's Cathedral"]], ["What is the name of this person","https://api.fifa.com/api/v1/picture/players/2018fwc/314197_sq-300_jpg?allowDefaultPicture=true",["Neymar","Messi","Ronaldo","Sánchez"]], ["What is the name of this food","https://www.infoescola.com/wp-content/uploads/2009/02/historia-pizza.jpg",["Pizza","Salad","Meatball","Steak"]], ["What is the name of this food","https://www.lipstiq.com/wp-content/uploads/2013/02/Ikea-meatball.jpeg",["Meatball","Spaghetti","Pasta","Salad"]], ["What is the name of this food","https://tourdoc.s3.amazonaws.com/uploads/blog_post_image/image/240/sushi-1.jpg",["Rolls","Curry","Onigiri","Tempura"]], ["What is the name of this food","https://foremangrillrecipes.com/wp-content/uploads/2013/05/featured-Foreman-Grill-Hot-Dogs.jpg",["Hot Dog","Hamburger","Pizza","Toast"]], ]; function reset() { } $(document).ready(function(){ $(".p").css("top",$(".final").height()+20); var step; $("#easy").on("click",function(){ step=10; $(".main").hide(); $(".bod").show(); nextPlace(); }); $("#medium").on("click",function(){ step=8; $(".main").hide(); $(".bod").show(); nextPlace(); }); $("#hard").on("click",function(){ step=5; $(".main").hide(); $(".bod").show(); nextPlace(); }); var check = []; var arr = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]; var rd = arr.slice(); var s,abc,audio; var isplay = true; var current = 0; var idx = 0; var score = 0; $(".score,.bod").hide(); shuffle(quiz); function random(cards) { for (i=0;i

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

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

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

"); $(".img").css("background-size","cover") score+=1; } count(3); /*$("td").css("transform","scale(1)"); $("td").removeClass("clicked"); rd = arr.slice(); setTimeout(function(){ random(); },100);*/ } }); function nextPlace() { if (current==10) { $(".bod").hide(); $(".score").show(); $(".scr").text(score+"/"+current+" ("+(score/current)*100+"%)"); quiz = [ ["What is the name of this person","https://i2-prod.mirror.co.uk/incoming/article10562943.ece/ALTERNATES/s615b/Real-Madrids-Cristiano-Ronaldo-celebrat.jpg",["Ronaldo","Messi","Neymar","Sánchez"]], ["What is the name of this store","https://img.wongnai.com/p/1920x0/2018/03/15/5ecd2f4c4bae4b3d9f0bbf1d61037c82.jpg",["IKEA","Tesco","Safeway","Carrefore"]], ["What is this building","https://render.fineartamerica.com/images/rendered/default/poster/8/10/break/images-medium-5/empire-state-building-new-york-city-usa-sabine-jacobs.jpg",["Empire State","Burj Khalifa","Kingdom Tower","Petronas Towers"]], ["What is the name of this person","https://puzzups.com/wp-content/uploads/2018/02/Pitbull-Pictures-768x357.jpg",["Pitbull","Jason Derulo","Bruno Mars","Sam Smith"]], ["What is the name of this landmark","https://media.ceetiz.com/activity/ENCLON023/thumbnails/642x450/tower-bridge-2.jpg",["Tower Bridge","Big Ben","London Eye","Golden Gate Bridge"]], ["Which inc. has this headquarters","https://st3.depositphotos.com/9724140/15453/i/1600/depositphotos_154533314-stock-photo-googleplex-google-headquarters-in-california.jpg",["Google","Apple","Facebook","Microsoft"]], ["What is the name of this landmark","https://image.ibb.co/efmT7o/brandenburg_gate.jpg",[ "Brandenburg Gate","Arc De Triomphe","La Grande Arche","Soa Chin Cha"]], ["What is the name of this person","http://issue247.com/wp-content/uploads/2014/12/Taylor-Swift.jpg",["Taylor Swift","Anna Marie","Meghan Trainor","Jennifer Lopez"]], ["What is the name of this landmark","https://www.dropbox.com/s/ruwd4s0o6weltxm/IMG_20180628_060616.JPG?dl=1&raw=1",["Angel Falls","Niagara Falls","Kaieteur Falls","Iguazu Falls"]], ["What is the name of this person","https://images.shazam.com/artistart/a40077701_s800b1b5.jpg",["Nicky Jam","Jason Derulo","Sean Paul","Pitbull"]], ["What is the name of this landmark","https://aws-tiqets-cdn.imgix.net/images/content/3ca6b020234e47448d46547ff3ac6b3f.jpg?auto=format&fit=crop&ixlib=python-1.1.2&q=25&s=434230a6bbd198e7be30fa3c234e13bd&w=400&h=320&dpr=2",["Sagrada Familia","Notre Dame","St. Peter's Basilica","St. Basil's Cathedral"]], ["What is the name of this person","https://api.fifa.com/api/v1/picture/players/2018fwc/314197_sq-300_jpg?allowDefaultPicture=true",["Neymar","Messi","Ronaldo","Sánchez"]], ["What is the name of this food","https://www.infoescola.com/wp-content/uploads/2009/02/historia-pizza.jpg",["Pizza","Salad","Meatball","Steak"]], ["What is the name of this food","https://www.lipstiq.com/wp-content/uploads/2013/02/Ikea-meatball.jpeg",["Meatball","Spaghetti","Pasta","Salad"]], ["What is the name of this food","https://tourdoc.s3.amazonaws.com/uploads/blog_post_image/image/240/sushi-1.jpg",["Sushi","Curry","Onigiri","Tempura"]], ["What is the name of this food","https://foremangrillrecipes.com/wp-content/uploads/2013/05/featured-Foreman-Grill-Hot-Dogs.jpg",["Hot Dog","Hamburger","Pizza","Toast"]], ]; } else { $("td").css("transform","scale(1)"); $("table").attr("border","2"); $("td").removeClass("clicked"); rd = arr.slice(); abc = quiz[idx][2].slice(); $(".options").css("background-color","#1b6ec3"); var bgImage = new Image(); bgImage.src = ""+quiz[idx][1]; var options = quiz[idx][2]; options = shuffle(options); $(".qa").text("Loading Image..."); bgImage.onload = function(){ setTimeout(function(){ random(step); },100); $(".qa").text(quiz[idx][0]+"?"); $(".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").ready(function(){ count(60); }); current+=1; idx+=1; } bgImage.onerror = function() { idx += 1; nextPlace(); } } } 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").text(""+time+""); var i = time-1; function aaa() { $(".countdown").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"); } }); $(".p").append("

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

"); $(".img").css("background-size","cover") 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 stopcount() { clearInterval(interval); clearInterval(interval2); } $("#again").on("click",function(){ current=0; idx=0; score=0; shuffle(quiz); nextPlace(); $(".score").hide(); $(".bod").show(); $(".asif").remove(); reset(); }); $("#menu").on("click",function(){ current=0; idx=0; score=0; shuffle(quiz); $(".score").hide(); $(".main").show(); $(".asif").remove(); reset(); }); }); });

Open Cards Game