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

No:14661

←

Prev Next

→

Car drag race
Developer User6339｜Date and time 23/9/4 1:10:35
Build time 28.287 sec｜Game capacity 2.707KB｜

Script

Sure! Here's an example of a simple car drag race game implemented as a single HTML file with JavaScript:

Car Drag Race

To play the game, open the HTML file on a smartphone or a web browser on your computer. Press the "Start Race!" button to start the race. The cars will move randomly towards the right side of the screen, and the first car to reach the end wins. After 5 seconds, the race will automatically stop, and a winner will be alerted. You can then press the "Start Race!" button again to play another round. Note: The game uses simple colored rectangles instead of pictograms for the cars. You can modify the styling and add pictograms as per your preference.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple car drag race game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Car Drag Race</title>
  <style>
    #car1,
    #car2 {
      position: absolute;
      top: 60px;
      width: 120px;
      height: 60px;
    }
    #car1 {
      left: 0;
    }
    #car2 {
      left: 0;
    }
    #start-button {
      display: block;
      margin: 20px auto;
      padding: 10px 20px;
      font-size: 18px;
      background-color: #4CAF50;
      color: white;
      border: none;
      cursor: pointer;
    }
  </style>
</head>

<body>
  <h1>Car Drag Race</h1>
  
  <div id="car1"></div>
  <div id="car2"></div>
  <button id="start-button">Start Race!</button>

// Function to move the cars
    function moveCars() {
      // Move car 1 randomly
      car1Position += Math.floor(Math.random() * 10);
      document.getElementById("car1").style.left = car1Position + "px";

// Move car 2 randomly
      car2Position += Math.floor(Math.random() * 10);
      document.getElementById("car2").style.left = car2Position + "px";

// Check for winner after each move
      if (car1Position >= window.innerWidth - 120) {
        alert("Car 1 wins!");
        resetRace();
      } else if (car2Position >= window.innerWidth - 120) {
        alert("Car 2 wins!");
        resetRace();
      }
    }

// Function to reset the race
    function resetRace() {
      car1Position = 0;
      car2Position = 0;
      document.getElementById("car1").style.left = car1Position + "px";
      document.getElementById("car2").style.left = car2Position + "px";
    }

// Add event listener to start button
    document.getElementById("start-button").addEventListener("click", function() {
      // Start the race
      let raceInterval = setInterval(moveCars, 100);

// Stop the race after 5 seconds
      setTimeout(function() {
        clearInterval(raceInterval);
        resetRace();
      }, 5000);
    });
  </script>
</body>

</html>
```

Note: The game uses simple colored rectangles instead of pictograms for the cars. You can modify the styling and add pictograms as per your preference.