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

No:30301

←

Prev Next

→

Chapeuzinho vermelho
Developer User14723｜Date and time 23/12/21 5:47:54
Build time 28.483 sec｜Game capacity 3.968KB｜

Script

Chapeuzinho Vermelho: O Jogo

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Chapeuzinho Vermelho: O Jogo</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    
    #game-container {
      text-align: center;
      margin-top: 100px;
    }
    
    #message-container {
      margin-top: 20px;
      font-weight: bold;
    }
    
    #button-container {
      margin-top: 20px;
      text-align: center;
    }
  </style>
</head>
<body>
<script>
  // Definindo as variáveis do jogo
  var currentLocation = "start";
  var hasBasket = false;
  
  // Função para atualizar a mensagem principal na tela
  function updateMessage(message) {
    var messageContainer = document.getElementById("message-container");
    messageContainer.textContent = message;
  }
  
  // Função para atualizar os botões na tela
  function updateButtons(buttons) {
    var buttonContainer = document.getElementById("button-container");
    buttonContainer.innerHTML = "";
    
    buttons.forEach(function(button) {
      var buttonElement = document.createElement("button");
      buttonElement.textContent = button.text;
      
      // Adicionando o evento de clique aos botões
      buttonElement.addEventListener("click", function() {
        button.action();
      });
      
      buttonContainer.appendChild(buttonElement);
    });
  }
  
  // Função para iniciar o jogo
  function startGame() {
    currentLocation = "start";
    hasBasket = false;
    
    var buttons = [
      {
        text: "Caminhar pela floresta",
        action: function() {
          walk();
        }
      }
    ];
    
    updateMessage("Bem-vindo(a) à história da Chapeuzinho Vermelho!");
    updateButtons(buttons);
  }
  
  // Função para caminhar pela floresta
  function walk() {
    currentLocation = "forest";
    
    var buttons = [
      {
        text: "Prosseguir",
        action: function() {
          findBasket();
        }
      },
      {
        text: "Voltar para casa",
        action: function() {
          goToGrandmasHouse();
        }
      }
    ];
    
    updateMessage("Você está caminhando pela floresta...");
    updateButtons(buttons);
  }
  
  // Função para encontrar a cesta de frutas
  function findBasket() {
    currentLocation = "basket";
    hasBasket = true;
    
    var buttons = [
      {
        text: "Ir para casa da vovó",
        action: function() {
          goToGrandmasHouse();
        }
      }
    ];
    
    updateMessage("Você encontrou uma cesta de frutas! Agora você tem um presente para a vovó.");
    updateButtons(buttons);
  }
  
  // Função para ir até a casa da vovó
  function goToGrandmasHouse() {
    currentLocation = "grandmas_house";
    
    var buttons = [
      {
        text: "Entregar a cesta para a vovó",
        action: function() {
          deliverBasket();
        }
      }
    ];
    
    if (!hasBasket) {
      updateMessage("Você decidiu voltar para casa... Oh, não! Você esqueceu a cesta para a vovó!");
    }
    else {
      updateMessage("Parabéns! Você chegou na casa da vovó. Agora é hora de entregar a cesta de frutas!");
    }
    
    updateButtons(buttons);
  }
  
  // Função para entregar a cesta para a vovó
  function deliverBasket() {
    currentLocation = "end";
    
    var buttons = [
      {
        text: "Jogar novamente",
        action: function() {
          startGame();
        }
      }
    ];
    
    // Verificando se a cesta foi entregue ou não
    if (!hasBasket) {
      updateMessage("Infelizmente você não pode entregar uma cesta vazia... Volte e pegue a cesta antes.");
    }
    else {
      updateMessage("Parabéns! Você entregou a cesta para a vovó com sucesso!");
    }
    
    updateButtons(buttons);
  }
  
  // Iniciando o jogo ao abrir a página
  startGame();
</script>

<div id="game-container">
  <h1>Chapeuzinho Vermelho: O Jogo</h1>
  
  <div id="message-container"></div>
  
  <div id="button-container"></div>
</div>

</body>
</html>