alert("Please do not play too fast, because the game could crash!\nAny suggestions are welcome") var images = ["http://icons.iconarchive.com/icons/cornmanthe3rd/plex/512/Other-python-icon.png","http://icons.iconarchive.com/icons/papirus-team/papirus-apps/512/java-icon.png","http://icons.iconarchive.com/icons/papirus-team/papirus-apps/512/github-bartzaalberg-php-tester-icon.png","https://cdn-images-1.medium.com/max/1600/1*HP8l7LMMt7Sh5UoO1T-yLQ.png","https://www.freeiconspng.com/uploads/c-logo-icon-18.png","https://img.icons8.com/color/1600/c-plus-plus-logo.png","http://icons.iconarchive.com/icons/designbolts/cute-social-2014/128/HTML5-icon.png","http://icons.iconarchive.com/icons/designbolts/cute-social-2014/128/CSS3-icon.png","https://developer.apple.com/swift/images/swift-og.png","https://img.icons8.com/color/260/ruby-programming-language.png"]; var card1Opened = false; var cardId = 0; var card1Content; var score = 0; var card1Id; var bonus = 1000; var interval; $("document").ready(()=>{ play(); }); function play() { card1Opened = false; cardId = 0; card1Content; score = 0; card1Id; bonus = 1000; interval = setInterval(()=>{$("#bonus-time").html("Bonus-time: "+(--bonus))},500); //$("#playarea").html(""); $("#stats").css("height",Number(window.innerHeight)*10/100+"px"); $("#found-tiles").html("Tiles-Found: 0"); $("#playarea").css("height",Number(window.innerHeight)-Number(window.innerHeight)*15/100+"px"); $("#playarea").html(""); for(let img of images.concat(images).sort(()=>Math.random()-0.5)) { $("#playarea").append("

"); } } function playCard(id) { if(!card1Opened) { $("#"+id).css("transform","rotateY(180deg)"); card1Content = $("#"+id).html(); card1Opened = true; card1Id = id; } else if(card1Opened) { if(card1Id != id){ $("#"+id).css("transform","rotateY(180deg)"); if(card1Content === $("#"+id).html() ) { $("#found-tiles").html("Tiles-Found: "+(++score)); $('#'+card1Id).parent().fadeTo(1000,0,()=>$("#"+card1Id).parent().empty()); $("#"+id).parent().fadeTo(1000,0,()=>$("#"+id).parent().empty()); } setTimeout(()=>{$(".tiles>.inner-tile").css("transform","rotateY(0deg)")},1000); card1Opened = false; if(score===images.length) { Swal({ title: "Congratulations! Game Over!!!
Your Score", html: "Bonus: "+bonus+"
Tiles Found:: "+score+" x 100
Total Score: "+(bonus+score*100)+"
Play Again?", showCloseButton: true, showCancelButton: true, focusConfirm: false, confirmButtonText:'OK', cancelButtonText:'Cancel', }).then((res)=>{ clearInterval(interval); if(res.value) { play(); } }); } } } }

Memory Game - Programming Icons