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

No:28349

Inhalt des Spieles soll ein Ei sein, welches man m..ALL
Developer User14077｜Date and time 23/12/12 1:06:20
Build time 15.931 sec｜Game capacity 1.748KB｜

Script

Ei Spiel

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Ei Spiel</title>
    <style>
      body {
        text-align: center;
      }
      h1 {
        font-size: 24px;
      }
      #egg {
        width: 300px;
        height: 300px;
        background-image: url('egg.png');
        background-size: cover;
        display: inline-block;
        cursor: pointer;
      }
      #counter {
        font-size: 18px;
        margin-top: 10px;
      }
    </style>
    <script>
      function getRandomNumber(min, max) {
        return Math.floor(Math.random() * (max - min + 1)) + min;
      }

var eggSize = getRandomNumber(1, 200);
      var counter = eggSize;
      var timer;

function hatchEgg() {
        var egg = document.getElementById('egg');
        var counterElement = document.getElementById('counter');

if (counter === 0) {
          clearInterval(timer);
          counter = eggSize;
          egg.style.backgroundImage = "url('egg.png')";
          egg.style.cursor = 'pointer';
          counterElement.textContent = counter;
        } else {
          var animal = getRandomNumber(1, 3);
          egg.style.backgroundImage = `url('animal${animal}.png')`;
          egg.style.cursor = 'auto';
          counter--;
          counterElement.textContent = counter;
        }
      }

window.onload = function() {
        var egg = document.getElementById('egg');
        var counterElement = document.getElementById('counter');
        
        egg.addEventListener('click', hatchEgg);
        
        counterElement.textContent = counter;
        timer = setInterval(hatchEgg, 5000);
      };
    </script>
  </head>
  <body>
    <h1>Ei Spiel</h1>
    <div id="egg"></div>
    <h2 id="counter"></h2>
  </body>
</html>