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

No:16366

119

←

Prev Next

→

A man and girl are raceing and who will win he/she..ALL
Developer User7256｜Date and time 23/9/17 17:03:09
Build time 25.077 sec｜Game capacity 2.704KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript, enclosed in script tags. Please note that since this is a text-based response, I won't be able to include pictograms. However, you can customize the UI using CSS and include pictograms as per your requirements. Let's call the game "Slap Race":

Slap Race Game

Press the Slap button as fast as possible to win the race!

This HTML file represents the "Slap Race" game. When the page loads, it starts a countdown from 3. After the countdown, the "Slap" button becomes enabled, and the player's objective is to click the button as fast as possible. Once the button is clicked, the game ends, and a message is displayed indicating the player's victory.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Slap Race</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    h1 {
      color: #333;
    }
    
    #countdown {
      font-size: 2em;
      margin-bottom: 2em;
    }
    
    #result {
      font-size: 1.5em;
      font-weight: bold;
      margin-top: 2em;
    }
    
    #slapButton {
      font-size: 1.5em;
      padding: 1em 2em;
    }
  </style>
</head>
<body>
  <h1>Slap Race Game</h1>
  
  <p>Press the Slap button as fast as possible to win the race!</p>
  
  <div id="countdown">3</div>
  
  <button id="slapButton" disabled>Slap</button>
  
  <div id="result"></div>
  
  <script>
    // variables to track game status
    var countdown = 3;
    var raceInProgress = false;
    var raceFinished = false;
    var timerId;
    
    // function to start the countdown timer
    function startCountdown() {
      document.getElementById("countdown").style.display = "block";
      
      timerId = setInterval(function() {
        countdown--;
        document.getElementById("countdown").innerText = countdown;
        
        if (countdown === 0) {
          clearInterval(timerId);
          startRace();
          document.getElementById("slapButton").removeAttribute("disabled");
        }
      }, 1000);
    }
    
    // function to start the race
    function startRace() {
      raceInProgress = true;
    }
    
    // function to handle slap button clicks
    function slap() {
      if (!raceInProgress || raceFinished) {
        return;
      }
      
      raceFinished = true;
      document.getElementById("slapButton").setAttribute("disabled", true);
      document.getElementById("result").innerText = "You win! You slapped fastest!";
    }
    
    // add event listener to start the game when the page loads
    window.addEventListener("load", startCountdown);
    
    // add event listener to the slap button
    document.getElementById("slapButton").addEventListener("click", slap);
  </script>
</body>
</html>
```