Inhalt des Spieles soll ein Ei sein, welches man mehrfach anklicken muss um es auszubrüten. Es schlüpft ein zufälliges Tier dem Ei. Zeige dieses Tier mit einem Bild. Es gibt auch eine Anzeige welche die noch verbleibenden Klicks anzeigt. Die Größe dieser Zahl sollte zu Spielbeginn zufällig aus einem Bereich von 1 bis 200 gewählt werden. Das Spiel beginnt dann nach ein paar Sekunden erneut. Gib keine Erklärungen, nur den Code.'s game

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

No:30724

125

←

Prev Next

→

Inhalt des Spieles soll ein Ei sein, welches man m..ALL
Developer User14077｜Date and time 23/12/24 1:37:40
Build time 10.494 sec｜Game capacity 2.013KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
  <head>
    <style>
      #egg {
        width: 200px;
        height: 200px;
        background: url('egg.png');
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div id="egg"></div>
    <img src="" id="animal" style="display: none;">
    <p id="clicks"></p>
    
    <script>
      // Define the range for the remaining clicks
      var minClicks = 1;
      var maxClicks = 200;
      
      // Initialize the remaining clicks with a random value between the defined range
      var remainingClicks = Math.floor(Math.random() * (maxClicks - minClicks + 1)) + minClicks;
      
      // Update the clicks display
      function updateClicks() {
        document.getElementById("clicks").textContent = "Remaining Clicks: " + remainingClicks;
      }
      
      // Update the egg image when clicked
      document.getElementById("egg").addEventListener("click", function() {
        remainingClicks--;
        updateClicks();
        
        if (remainingClicks <= 0) {
          // Randomly choose an animal
          var animals = ["cat", "dog", "chicken", "elephant", "lion"];
          var randomAnimal = animals[Math.floor(Math.random() * animals.length)];
          
          // Update the animal image source and display it
          document.getElementById("animal").src = randomAnimal + ".png";
          document.getElementById("animal").style.display = "block";
          
          // Reset the remaining clicks and update the display
          remainingClicks = Math.floor(Math.random() * (maxClicks - minClicks + 1)) + minClicks;
          updateClicks();
          
          // Restart the game after a few seconds
          setTimeout(function() {
            document.getElementById("animal").style.display = "none";
          }, 3000);
        }
      });
      
      // Start the game by displaying the remaining clicks
      updateClicks();
    </script>
  </body>
</html>