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

No:6386

109

←

Prev Next

→

Pancakes maker shop
Developer User3889｜Date and time 23/7/2 11:26:48
Build time 20.77 sec｜Game capacity 2.281KB｜

Script

Pancake Maker Shop

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Pancake Maker Shop</title>
</head>
<body>
  <h1>Pancake Maker Shop</h1>
 
  <div id="game-container">
    <div id="display"></div>
    <div id="buttons">
      <button id="pancakeButton">Hacer Panqueques</button>
      <button id="serveButton">Servir Panqueques</button>
      <button id="restartButton">Reiniciar</button>
    </div>
  </div>
 
  <script>
    // Variables de juego
    let pancakeCount = 0;
    let gameState = "preparing";
 
    // Obtener elementos del DOM
    const displayElement = document.getElementById("display");
    const pancakeButton = document.getElementById("pancakeButton");
    const serveButton = document.getElementById("serveButton");
    const restartButton = document.getElementById("restartButton");
 
    // Función para actualizar el display
    function updateDisplay() {
      displayElement.innerHTML = `<p>Panqueques hechos: ${pancakeCount}</p>`;
    }
 
    // Función para iniciar el juego
    function startGame() {
      pancakeButton.disabled = false;
      serveButton.disabled = true;
      restartButton.disabled = true;
      pancakeCount = 0;
      gameState = "preparing";
      updateDisplay();
    }
 
    // Función para hacer panqueques
    function makePancake() {
      if (gameState === "preparing") {
        pancakeCount++;
        updateDisplay();
        gameState = "cooking";
        pancakeButton.textContent = "¡Siguiente!";
        serveButton.disabled = false;
      } else if (gameState === "cooking") {
        pancakeButton.textContent = "Voltear";
        gameState = "flipping";
      } else if (gameState === "flipping") {
        pancakeButton.textContent = "¡Siguiente!";
        gameState = "cooking";
      }
    }
 
    // Función para servir panqueques
    function servePancakes() {
      if (gameState === "cooking") {
        pancakeButton.textContent = "Hacer Panqueques";
        gameState = "serving";
        serveButton.disabled = true;
      }
    }
 
    // Event listeners
    pancakeButton.addEventListener("click", makePancake);
    serveButton.addEventListener("click", servePancakes);
    restartButton.addEventListener("click", startGame);
 
    // Inicializar el juego al cargar la página
    startGame();
  </script>
</body>
</html>