Bfdi Food Eating Challenge's game

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

No:41646

←

Prev Next

→

Bfdi Food Eating Challenge
Developer User18645｜Date and time 24/2/8 19:50:27
Build time 9.489 sec｜Game capacity 2.607KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>BFDI Food Eating Challenge</title>
  </head>
  <body>
    <script type="text/javascript">
      // BFDI Food Eating Challenge

// Define the list of food items as pictograms
      const foodItems = ["🍔", "🍕", "🍣", "🍦",🍙 "🌭", "🍟", "🍩", "🥪"];

// Function to randomly select a food item
      function selectFoodItem() {
        const randomIndex = Math.floor(Math.random() * foodItems.length);
        return foodItems[randomIndex];
      }

// Function to start the game
      function startGame() {
        // Get the game container element
        const gameContainer = document.createElement("div");
        gameContainer.style.textAlign = "center";

// Display game instructions
        const instructions = document.createElement("p");
        instructions.innerHTML = "Eat as much food as you can!";
        gameContainer.appendChild(instructions);

// Display the current food item
        const currentFood = document.createElement("h1");
        currentFood.style.fontSize = "60px";
        currentFood.style.margin = "50px";
        gameContainer.appendChild(currentFood);

// Create a button to eat the food
        const eatButton = document.createElement("button");
        eatButton.innerHTML = "Eat";
        eatButton.style.fontSize = "30px";
        eatButton.style.padding = "10px";
        eatButton.style.marginBottom = "50px";
        gameContainer.appendChild(eatButton);

// Display the score
        const scoreLabel = document.createElement("p");
        scoreLabel.innerHTML = "Score: <span id='score'>0</span>";
        gameContainer.appendChild(scoreLabel);

// Append the game container to the document body
        document.body.appendChild(gameContainer);

let score = 0;

// Function to handle eating the food
        function eatFood() {
          // Increment the score
          score++;
          document.getElementById("score").innerHTML = score;

// Select a new food item
          const newFoodItem = selectFoodItem();
          currentFood.innerHTML = newFoodItem;
        }

// Add the event listener to the eat button
        eatButton.addEventListener("click", eatFood);

// Select an initial food item
        const initialFoodItem = selectFoodItem();
        currentFood.innerHTML = initialFoodItem;
      }

// Call the startGame function to begin the game
      startGame();
    </script>
  </body>
</html>