My horror teacher story with adventure's game

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

No:24048

←

Prev Next

→

My horror teacher story with adventure
Developer User11275｜Date and time 23/11/5 13:52:46
Build time 116.791 sec｜Game capacity 2.897KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Horror Teacher Adventure</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

#game-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }
    
    img {
      max-width: 70%;
    }

button {
      padding: 10px 20px;
      font-size: 18px;
      background-color: #42b883;
      color: white;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      margin-top: 20px;
    }
  </style>
</head>

<body>
  <div id="game-container">
    <img id="game-image" src="start_image.png" alt="Horror Teacher Adventure">
    <button id="start-button">Start</button>
  </div>

// Function to update game state
    function updateGameState(newState) {
      game.currentState = newState;
      
      if (game.currentState === "end") {
        document.getElementById("game-image").src = "end_image.png";
        document.getElementById("start-button").innerText = "Play Again";
      }
    }

// Function to handle button clicks
    function handleButtonClick() {
      if (game.currentState === "start") {
        // Update game state to continue the adventure
        updateGameState("adventure");
        
        // Display adventure image
        document.getElementById("game-image").src = "adventure_image.png";
        
        // Update button text
        document.getElementById("start-button").innerText = "Continue";
      } else if (game.currentState === "adventure") {
        // Perform adventure actions and update score if necessary
        
        // For example, assume the user encounters a ghost and clicks a button to escape
        if (Math.random() < 0.5) {
          // User successfully escapes
          game.score += 10;
          alert("Congratulations! You escaped the ghost!");
        } else {
          // User fails to escape
          game.score -= 5;
          alert("Oh no! The ghost got you!");
        }
        
        // Update score display
        document.getElementById("score").innerText = `Score: ${game.score}`;
      } else if (game.currentState === "end") {
        // Start a new game
        game.score = 0;
        updateGameState("start");
        
        // Reset image and button text
        document.getElementById("game-image").src = "start_image.png";
        document.getElementById("start-button").innerText = "Start";
        
        // Reset score display
        document.getElementById("score").innerText = "Score: 0";
      }
    }

// Start game when button is clicked
    document.getElementById("start-button").addEventListener("click", handleButtonClick);
  </script>
</body>

</html>