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

No:1599

2173

←

Prev Next

→

Baby milk-drinking race
Developer User3367｜Date and time 23/6/18 19:21:13
Build time 45.2 sec｜Game capacity 3.484KB｜

Script

Baby milk-drinking race

Ready to race? Tap the button as fast as you can!

🦀

This game is a race to tap the baby to finish its milk faster than you. press the READY button to finish the countdown.、The status of the babys milk consumption is indicated by an icon. You tap this icon to end the race. After finishing the race、The winner is displayed and、A button will appear to allow you to play again.

←

Prev　Next

→ 　

Back　

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

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

<html>
  <head>
    <title>赤ちゃんミルク飲み競走</title>
    <style>
      body {
        font-size: 24px;
        text-align: center;
      }
      h1 {
        font-size: 48px;
      }
      .countdown {
        font-size: 72px;
        color: red;
      }
      .baby {
        font-size: 96px;
        margin: 50px auto;
      }
      .winner {
        color: gold;
        font-size: 72px;
      }
      .button {
        display: inline-block;
        margin: 20px;
        padding: 10px 20px;
        font-size: 32px;
        color: white;
        background-color: red;
        border: none;
        border-radius: 10px;
        cursor: pointer;
      }
      .button:hover {
        background-color: maroon;
      }
    </style>
  </head>
  <body>
    <h1>赤ちゃんミルク飲み競走</h1>
    <p>Ready to race? Tap the button as fast as you can!</p>
    <div id="countdown" class="countdown"></div>
    <div id="baby" class="baby">🦀</div>
    <div id="winner" class="winner"></div>
    <button id="startButton" class="button">READY</button>
    <script>
      const countdownElement = document.getElementById("countdown");
      const babyElement = document.getElementById("baby");
      const winnerElement = document.getElementById("winner");
      const startButton = document.getElementById("startButton");
      const babyMilk = "🍼";
      let countdown = 3;
      let startTimestamp;
      let isRacing = false;
      let timeouts = [];

function startRace() {
        babyElement.innerHTML = babyMilk;
        startTimestamp = Date.now();
        isRacing = true;
      }

function handleStartButtonClick() {
        countdown = 3;
        countdownElement.innerHTML = countdown;
        countdownElement.style.display = "block";
        startButton.style.display = "none";
        winnerElement.innerHTML = "";
        timeouts.push(setTimeout(countdownCallback, 1000));
      }

function handleBabyClick() {
        if (isRacing) {
          const time = Date.now() - startTimestamp;
          babyElement.innerHTML = time + "ms";
          endRace(time);
        }
      }

startButton.addEventListener("click", handleStartButtonClick);
      babyElement.addEventListener("click", handleBabyClick);
    </script>
  </body>
</html>

このゲームは赤ちゃんがミルクを飲み終えるのをあなたよりも速くタップする競走です。READYボタンを押してカウントダウンが終了すると、赤ちゃんのミルクの飲み残し状況がアイコンで表示されます。あなたはこのアイコンをタップして競走を終了します。競走を終えた後、勝者が表示され、再びプレイできるようにボタンが表示されます。