Click here for free DL of the app version that can save data.

No:50473

←

Prev Next

→

Bouncing Numbers
Developer User21309｜Date and time 24/3/8 16:26:33
Build time 7.518 sec｜Game capacity 1.845KB｜

Script

Игра "Bouncing Numbers"

Нажмите на числа в порядке возрастания

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
<title>Bouncing Numbers</title>
<style>
  body {
    background-color: lightblue;
    text-align: center;
    font-size: 24px;
  }
</style>
</head>
<body>
<h1>Игра "Bouncing Numbers"</h1>
<h2>Нажмите на числа в порядке возрастания</h2>

shuffledNumbers.forEach(number => {
    let numberDiv = document.createElement("div");
    numberDiv.textContent = number;
    numberDiv.style.backgroundColor = "white";
    numberDiv.style.color = "blue";
    numberDiv.style.border = "2px solid blue";
    numberDiv.style.borderRadius = "50%";
    numberDiv.style.width = "60px";
    numberDiv.style.height = "60px";
    numberDiv.style.display = "inline-block";
    numberDiv.style.margin = "10px";
    numberDiv.style.cursor = "pointer";
    
    numberDiv.onclick = function() {
      if(parseInt(numberDiv.textContent) === numbers[0]) {
        numberDiv.style.backgroundColor = "green";
        numbers.shift();
        if(numbers.length === 0) {
          alert("Поздравляем! Вы выиграли!");
          location.reload();
        }
      } else {
        alert("Игра окончена. Попробуйте еще раз.");
        location.reload();
      }
    }
    
    document.getElementById("gameBoard").appendChild(numberDiv);
  });

function shuffle(array) {
    let currentIndex = array.length, temporaryValue, randomIndex;

while (currentIndex !== 0) {
      randomIndex = Math.floor(Math.random() * currentIndex);
      currentIndex--;

temporaryValue = array[currentIndex];
      array[currentIndex] = array[randomIndex];
      array[randomIndex] = temporaryValue;
    }

return array;
  }

</script>
</body>
</html>