alert(" Game Manual Swipe left on the left key and right on the right key and click the keys to adjust the ball 🌐 to pass through the holes"); var ball = document.getElementById("character"); let m=1; // Add functionality to the button to move ball left and right. function b1(event){ var ball = document.getElementById("character"); if(m==1){ v-=10; ball.style.left = (v--) +'px'; }; if(v<=10){ v = 10; }; }; let v = ball * innerWidth; function b2(event){ var ball = document.getElementById("character"); if(m==1){ v=v+10; ball.style.left = (v++) + 'px' }; if(v>=270){ v =270; }; }; // making the whole games. window.onload=function(){ var game = document.getElementById("game"); var interval; var counter = 0; var currentBlocks = []; var life=3; var lev = 1; //creating new blocks and holes. var blocks = setInterval(function(){ var blockLast = document.getElementById("block"+(counter-1)); var holeLast = document.getElementById("hole"+(counter-1)); if(counter>0){ var blockLastTop = parseInt(window.getComputedStyle(blockLast).getPropertyValue("top")); var holeLastTop = parseInt(window.getComputedStyle(holeLast).getPropertyValue("top")); } //making blocks over and over again. if(blockLastTop<=400||counter==0){ var game = document.getElementById("game"); var block = document.createElement("div"); var hole = document.createElement("div"); block.setAttribute("class", "block"); hole.setAttribute("class", "hole"); block.setAttribute("id", "block"+counter); hole.setAttribute("id", "hole"+counter); block.style.top = blockLastTop + 100 + "px"; hole.style.top = holeLastTop + 100 + "px"; var random = Math.floor(Math.random() * 260); hole.style.left = random + "px"; game.appendChild(block); game.appendChild(hole); currentBlocks.push(counter); counter++; } var characterTop = parseInt(window.getComputedStyle(character).getPropertyValue("top")); var characterLeft = parseInt(window.getComputedStyle(character).getPropertyValue("left")); var drop = 0; document.getElementById("lev").innerText=lev; //adding scores var score =document.getElementById("sc").innerText; document.getElementById("sc").innerText=(counter-5)*2; var ball= document.getElementById("character"); //what happens when the ball reach for the pin 3×. if(life == 0){ var ball= document.getElementById("character"); ball.style.height=13+'px'; alert("Game over. Your Score: "+score); clearInterval(blocks); location.reload(); }; // To get the block and hole moving. for(var i = 0; i < currentBlocks.length;i++){ let current = currentBlocks[i]; let iblock = document.getElementById("block"+current); let ihole = document.getElementById("hole"+current); let iblockTop = parseFloat(window.getComputedStyle(iblock).getPropertyValue("top")); let iholeLeft = parseFloat(window.getComputedStyle(ihole).getPropertyValue("left")); iblock.style.top = (iblockTop - (0.5+lev)) + "px"; ihole.style.top = (iblockTop - (0.5+lev)) + "px"; // removing block and hole when they are at the top of the game div. if(iblockTop < -5){ currentBlocks.shift(); iblock.remove(); ihole.remove(); }; //creating levels. if(iblockTop <-5&&score==10){ lev++; }; if(iblockTop <-5&&score==30){ lev++; } if(iblockTop <-5&&score==70){ lev++; } if(iblockTop <-5&&score==130){ lev++; } if(iblockTop <-5&&score==200){ lev++; } if(iblockTop <-5&&score==250){ lev++; } if(score==300){ clearInterval(blocks); console.log("Congratulation🏅 you won🏆 the game🎮. Game Master!!!, you are a talented person, you never stop until you achieve your goals. Great job."); }; if(score>=150&&life==0){ console.log("Nice job, try again till you win, i know you wont give up now???"); } //checkcollision of ball with the blocks. //creating hole tracker. if(iblockTop-22=characterTop){ drop++; if(iholeLeft=characterLeft){ drop = 0; } }; if(characterTop<=0&&iblockTop>=216.5){ life--; var li=document.getElementById("li"); li.innerText=life; navigator.vibrate(300) characterTop=300; }; if(life<=1){ var l = document.getElementById("l"); l.style.animationName="li"; }; }; //To make ball stop when it reaches the bottom of the game div. if(drop==0){ if(characterTop < 478){ character.style.top = characterTop + 4 + "px"; }; } //to make the ball stay on the blocks. else{ character.style.top = characterTop - (0.1+lev+2) + "px"; } },1); };

Awesome fall[Game]🎮🎮