//_ CODED BY VINCENT BERGER alert("\n\nContest link: https://www.sololearn.com/learn/4650/?ref=app\n\n\nFind the extrodanairy box visualized. Let's make this happen!"); $(document).ready(()=>{ /*anime({ targets:"#preload", borderRadius:"40px", duration:10000 });*/ //_ Prop preload animation $("#preload").animate({opacity:"0"}).prop('disabled',true); }) //_ Draw the 100 div boxes in the main div. window.onload=(boxes,drawBox)=>{ $("#btnScramble").animate({opacity:"0.80"},1000); boxes=document.getElementById("box"); drawBox="

???

"; for(let i=1; i<=100; i++){ boxes.innerHTML+=(drawBox); } } //_ Initialize the audio element for audio. var audio = document.createElement('audio'); audio.setAttribute('src', "https://www.dropbox.com/s/dr472sba78dzm5z/Donkey%20Kong%20Theme%20song.mp3?dl=1"); audio.load(); //_ Scramble the boxes in a nice animation. function btnScramble(setI,count){ console.log("Drawed "+$("#blackBox, div").length+" boxes.\nStarting the Scramble!"); //_ Initialize thr audio to play. audio.play(); //_ Countdown for the scramble. console.log("Scramble countdown initialized and start the countdown."); count=10; for(let i=0; i<11; i++){ setTimeout(()=>{ $("#cnt").html(count--); if(i==10){ $("#cnt").html("READY!"); console.log("Scramble countdown finished!"); } },1000*i); } //_ Animate the scramble. setI = setTimeout(()=>{ anime({ targets:"#blackBox", opacity:"0.40", delay:(elem,i)=>i*50/10*1+"5", duration:(elem,i)=>i*10/2+"5", rotate:720, translateX: [ {value:-30,duration:500}, {value:-60,duration:500}, {value:-90,duration:500}, {value:0,duration:500} ], translateY: [ {value:10,duration:500}, {value:20,duration:500}, {value:10,duration:500}, {value:0,duration:500} ] }); },300); //_ Opacity play. setTimeout(()=>{ $("#btnFind").animate({opacity:"0.95"},2000); },10000); $("#btnScramble").animate({opacity:"0"},1000).prop('disabled',true); $("#cnt,#count").animate({opacity:"0.8"},1000); } //_ Generate random number value for RANDOM BOX. function random(random,max,min){ random=[Math.floor(Math.random()*(20-10+1)+10)]; return random; } //_ Find the extrodanairy box! function btnFind(boxes,arrNormal,arrOrdinary,setI,cnt,rand,fin,setIn){ console.log("\nSetting numbers to the boxes for the extrodanairy box calculation!"); //_Random generation to set the extrodanairy BOX! rand=[Math.floor(Math.random()*99)]; //_ Opacity play. $("#btnFind,#cnt,#count").animate({opacity:"0"},1000).prop("disabled",true); //_ Get all divs and give them a random number and push the extrodanairy box. arrOrdinary=[]; boxes=document.getElementsByTagName("div"); cnt=0; for(let i=0; i{ boxes[i].innerHTML=random(); boxes[i].style.opacity="0.8"; console.log("Setting number to normal box => "+i); if(i==rand){ console.log("setting number to EXTRORDINAIRY BOX and overriding the normal box number!! => "+i); boxes[i].innerHTML=777; arrOrdinary.push(cnt); } cnt++ },100*i); } //_ Get the value of all the divs and push to an array for comparison. arrNormal=[]; setTimeout(()=>{ for(let i=0; i "+fin[0]+"\n\nEXTRORDINAIRY BOX FOUND VIA COUNTER => "+arrOrdinary); let count=0; for(let i=0; iplay_arrow"); }else{ toggle=false; console.log("Played!"); audio.play(); doc.innerHTML=("

pause

"); } }

Find the Extrodanairy Box!