Bubble Sort

Highscores

ifunny - -3
- -2 </li><li> MatthewP - 0 </li><li> awoooah - 0 </li><li> ebic - 0 </li><li> sanitycheckswhere? - 0 </li><li> furdev - 0 </li><li> hi<script>console.log(`test`)</script> - 0.55 </li><li> text - 0.55 </li><li> MrF - 1.2 </li><li> who's joe - 1.3 </li><li> joe m - 2.7 </li><li> ama - 3 </li><li> Tyler P57 - 3.7 </li><li> Gautam4488 - 4.3 </li><li> hi - 5 </li><li> MattieusP - 5.2 </li><li> Tyler P3 - 5.3 </li><li> Jsk - 5.4 </li><li> Tyler P5 - 5.6 </li><li> Tyler P4 - 5.8 </li><li> Tyler 1 - 6 </li><li> Tyler P1 - 6 </li><li> 6 - 6.4 </li><li> Rayn - 6.8 </li><li> Mannyveer - 6.9 </li><li> are you doing ok sir? - 7 </li><li> Gautam + Tyler all over the top 10 - 7.1 </li><li> Gautam488 - 2 - 7.2 </li><li> Ma - 7.3 </li><li> still got it ferg - 7.3 </li><li> Gautam488 - 3 - 7.4 </li><li> Gautam488 - 7.5 </li><li> Tyler P - 7.6 </li><li> Tyler P2 - 7.8 </li><li> GM488 - 7.9 </li><li> Aksajan - 8.1 </li><li> Joshhh - 8.2 </li><li> jsk - 8.3 </li><li> Manny - 8.3 </li><li> Aksi - 8.4 </li><li> Jhivstar - 8.5 </li><li> Panel - 8.6 </li><li> Tyler unlucky - 8.7 </li><li> Panel3 - 8.7 </li><li> Dalam - 8.8 </li><li> Panel2 - 8.8 </li><li> Akshi - 8.9 </li><li> Jo - 9 </li><li> Sachin - 9.1 </li></ol></div> <script> time = 0.0; start = true; view = document.getElementById("view"); id = null; score = document.getElementById("score"); view.style.width = 60*10; blocks = []; for (let i = 0; i < 10; i++) { blocks[i] = document.createElement("div"); blocks[i].classList.add("block"); height = rdm(50, 350) blocks[i].style.height = height; //ulgy line but yolo blocks[i].innerHTML = "<div style=\"position:relative;width:100%;height:100%;\">" + height + ""; blocks[i].style.left = i * 60; view.appendChild(blocks[i]); } c1 = 0; c2 = 1; goTo = 10; blocks[c1].style.backgroundColor = "#00254d"; blocks[c2].style.backgroundColor = "#00254d"; function isSorted() { return false; } document.addEventListener('keypress', logKey); function logKey(e) { if (start){ start = false; id = setInterval(function(){ time += 0.1; score.innerHTML = time.toFixed(1) + "s"; } , 100); } if (e.code == "KeyS"){ if (parseInt(blocks[c1].style.height, 10) > parseInt(blocks[c2].style.height, 10)){ blocks[c1].style.left = c2 * 60; blocks[c2].style.left = c1 * 60; temp = blocks[c1]; blocks[c1] = blocks[c2]; blocks[c2] = temp; blocks[c1].style.backgroundColor = "#aaa"; blocks[c2].style.backgroundColor = "#aaa"; c1 += 1; c2 += 1; if (c2 == goTo){ c1 = 0; c2 = 1; goTo -= 1; blocks[goTo].style.backgroundColor = "#ADD8E6" if (goTo == 1){ clearInterval(id) document.getElementById("time1").innerHTML = time.toFixed(1) + "s"; document.getElementById("time2").value = time.toFixed(1); document.getElementById("overlay").style.display = "flex"; } } blocks[c1].style.backgroundColor = "#00254d"; blocks[c2].style.backgroundColor = "#00254d"; } else { time += 1; blocks[c1].style.backgroundColor = "#8E1600"; blocks[c2].style.backgroundColor = "#8E1600"; } } if (e.code == "KeyL"){ if (parseInt(blocks[c1].style.height, 10) <= parseInt(blocks[c2].style.height, 10)){ blocks[c1].style.backgroundColor = "#aaa"; blocks[c2].style.backgroundColor = "#aaa"; c1 += 1; c2 += 1; if (c2 == goTo){ c1 = 0; c2 = 1; goTo -= 1; blocks[goTo].style.backgroundColor = "#ADD8E6" if (goTo == 1){ clearInterval(id) document.getElementById("time1").innerHTML = time.toFixed(1) + "s"; document.getElementById("time2").value = time.toFixed(1); document.getElementById("overlay").style.display = "flex"; } } blocks[c1].style.backgroundColor = "#00254d"; blocks[c2].style.backgroundColor = "#00254d"; } else { time += 1; blocks[c1].style.backgroundColor = "#8E1600"; blocks[c2].style.backgroundColor = "#8E1600"; } } } function rdm(min, max) { // min and max included return Math.floor(Math.random() * (max - min + 1) + min) } </script> </body> </html>

Bubble Sort

Game Over!

0.0s

0.0s

Highscores