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

No:27187

←

Prev Next

→

Fast food delivery app
Developer User7816｜Date and time 23/12/5 1:32:52
Build time 51.126 sec｜Game capacity 2.576KB｜

Script

Fast Food Delivery Game

Click on the food items to prepare orders and deliver them!

Time Left: 60 seconds

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<title>Fast Food Delivery Game</title>
<style>
  body {
    background-color: #f2f2f2;
    font-family: Arial, sans-serif;
    text-align: center;
  }
  
  h1 {
    color: #1a1a1a;
    margin-top: 50px;
  }
  
  img {
    width: 200px;
    height: 200px;
    margin-top: 30px;
  }
  
  #status {
    color: #666666;
    margin-top: 20px;
  }
  
  #timer {
    color: #666666;
    font-size: 24px;
    margin: 30px 0;
  }
  
  button {
    padding: 10px 20px;
    margin-top: 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  button:hover {
    background-color: #45a049;
  }
  
  #message {
    color: #FF0000;
    margin-top: 10px;
  }
</style>
</head>
<body>
  <h1>Fast Food Delivery Game</h1>
  <img src="delivery.png">
  <p id="status">Click on the food items to prepare orders and deliver them!</p>
  <p id="timer">Time Left: 60 seconds</p>
  <button onclick="startGame()">Start Game</button>
  <p id="message"></p>
  
  <script>
    var totalOrders = 0;
    var deliveredOrders = 0;
    var timer;
    
    function startGame() {
      document.getElementById("status").innerHTML = "Click on the food items to prepare orders and deliver them!";
      document.getElementById("message").innerHTML = "";
      totalOrders = 0;
      deliveredOrders = 0;
      timer = setInterval(updateTimer, 1000);
      setTimeout(endGame, 60000);
    }
    
    function updateTimer() {
      var remainingTime = parseInt(document.getElementById("timer").innerHTML.split(" ")[2]);
      if (remainingTime > 0) {
        remainingTime -= 1;
        document.getElementById("timer").innerHTML = "Time Left: " + remainingTime + " seconds";
      }
    }
    
    function endGame() {
      clearInterval(timer);
      document.getElementById("status").innerHTML = "Game Over!";
      document.getElementById("message").innerHTML = "You delivered " + deliveredOrders + " out of " + totalOrders + " orders!";
    }
    
    function prepareOrder() {
      totalOrders += 1;
      document.getElementById("status").innerHTML = "Order prepared and ready for delivery!";
    }
    
    function deliverOrder() {
      if (totalOrders > 0) {
        deliveredOrders += 1;
        totalOrders -= 1;
        document.getElementById("status").innerHTML = "Order successfully delivered!";
        document.getElementById("message").innerHTML = "";
      } else {
        document.getElementById("message").innerHTML = "There are no pending orders!";
      }
    }
  </script>
</body>
</html>