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

No:27663

Harry Potter, studying at Hogwarts
Developer User13744｜Date and time 23/12/8 3:09:02
Build time 66.351 sec｜Game capacity 6.034KB｜

Script

Sure! Here's a simple text-based game representing Harry Potter studying at Hogwarts using JavaScript. Please note that this is a simplified version, and you can enhance it further if you'd like.

Harry Potter's Hogwarts Adventure

Help Harry navigate through his studies at Hogwarts.

Click on the options below to progress in the game.

Welcome to Hogwarts, Harry! Your first class is Potions. Which task should you attempt?

To use the game, simply copy the code above and save it as an HTML file (e.g., `hogwarts_game.html`). You can then open this file using a web browser on your smartphone, and the game will run. Click on the options provided to progress through the game and see the corresponding scenes and outcomes for Harry Potter at Hogwarts. Feel free to modify the code, add more scenes, pictures, or even implement additional game mechanics to enhance the game further!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

Sure! Here's a simple text-based game representing Harry Potter studying at Hogwarts using JavaScript. Please note that this is a simplified version, and you can enhance it further if you'd like.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Harry Potter's Hogwarts Adventure</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    img {
      width: 200px;
    }
  </style>
</head>
<body>
  <h1>Harry Potter's Hogwarts Adventure</h1>
  <p>Help Harry navigate through his studies at Hogwarts.</p>
  <p>Click on the options below to progress in the game.</p>
  
  <script>
    // Game state variables
    let currentScene = 1;
    let gryffindorPoints = 0;
    let slytherinPoints = 0;
    
    // Function to update the game scene
    function updateScene() {
      const sceneImg = document.getElementById('scene-img');
      const sceneDesc = document.getElementById('scene-desc');
      const option1 = document.getElementById('option1');
      const option2 = document.getElementById('option2');
      
      switch (currentScene) {
        case 1:
          sceneImg.src = 'hogwarts.jpg';
          sceneDesc.innerHTML = 'Welcome to Hogwarts, Harry! Your first class is Potions. Which task should you attempt?';
          option1.innerHTML = 'Mix a potion';
          option2.innerHTML = 'Study potion ingredients';
          break;
        case 2:
          sceneImg.src = 'potion.jpg';
          sceneDesc.innerHTML = 'You mixed a fantastic potion and earned 10 points for Gryffindor!';
          option1.innerHTML = 'Continue to Transfiguration class';
          option2.innerHTML = 'Take a break in the common room';
          gryffindorPoints += 10;
          break;
        case 3:
          sceneImg.src = 'transfiguration.jpg';
          sceneDesc.innerHTML = 'Professor McGonagall praised your transfiguration skills. You gained 5 points for Gryffindor!';
          option1.innerHTML = 'Proceed to the Quidditch field';
          option2.innerHTML = 'Explore the Forbidden Forest';
          gryffindorPoints += 5;
          break;
        case 4:
          sceneImg.src = 'quidditch.jpg';
          sceneDesc.innerHTML = 'You played an excellent game of Quidditch and earned 20 points for Gryffindor!';
          option1.innerHTML = 'Attend Defense Against the Dark Arts class';
          option2.innerHTML = 'Visit Hagrid';
          gryffindorPoints += 20;
          break;
        case 5:
          sceneImg.src = 'defense.jpg';
          sceneDesc.innerHTML = 'Your Defense Against the Dark Arts teacher awarded you 15 points for Gryffindor!';
          option1.innerHTML = 'Sneak into the Restricted Section of the library';
          option2.innerHTML = 'Study in the Gryffindor common room';
          gryffindorPoints += 15;
          break;
        case 6:
          sceneImg.src = 'library.jpg';
          sceneDesc.innerHTML = 'You found a forbidden spell book, but lost 10 points for Gryffindor!';
          option1.innerHTML = 'Attend Divination class';
          option2.innerHTML = 'Have a chat with Nearly Headless Nick';
          gryffindorPoints -= 10;
          break;
        case 7:
          sceneImg.src = 'divination.jpg';
          sceneDesc.innerHTML = 'You failed your Divination exam and earned no points.';
          option1.innerHTML = 'Go to the Great Hall for dinner';
          option2.innerHTML = 'Visit the Room of Requirement';
          break;
        case 8:
          sceneImg.src = 'great_hall.jpg';
          sceneDesc.innerHTML = `Congratulations, Harry! Your total house points:<br>Gryffindor: ${gryffindorPoints}, Slytherin: ${slytherinPoints}.`;
          option1.innerHTML = 'Play Again';
          option2.innerHTML = '';
          break;
      }
    }
    
    // Handle option 1 selection
    function selectOption1() {
      if (currentScene === 1) {
        currentScene = 2;
      } else if (currentScene === 2) {
        currentScene = 3;
      } else if (currentScene === 3) {
        currentScene = 4;
      } else if (currentScene === 4) {
        currentScene = 5;
      } else if (currentScene === 5) {
        currentScene = 6;
      } else if (currentScene === 6) {
        currentScene = 7;
      } else if (currentScene === 7) {
        currentScene = 8;
      } else if (currentScene === 8) {
        resetGame();
      }
      
      updateScene();
    }
    
    // Handle option 2 selection
    function selectOption2() {
      if (currentScene === 1) {
        currentScene = 3;
        slytherinPoints += 5;
      } else if (currentScene === 2) {
        currentScene = 8;
      } else if (currentScene === 3) {
        currentScene = 6;
      } else if (currentScene === 4) {
        currentScene = 7;
      } else if (currentScene === 5) {
        currentScene = 8;
      } else if (currentScene === 6) {
        currentScene = 8;
      } else if (currentScene === 7) {
        currentScene = 8;
      } else if (currentScene === 8) {
        resetGame();
      }
      
      updateScene();
    }
    
    // Reset game state function
    function resetGame() {
      currentScene = 1;
      gryffindorPoints = 0;
      slytherinPoints = 0;
    }
    
    // Initial game setup
    updateScene();
  </script>
  
  <img id="scene-img" src="hogwarts.jpg" alt="Hogwarts scene">
  <p id="scene-desc">Welcome to Hogwarts, Harry! Your first class is Potions. Which task should you attempt?</p>
  <button id="option1" onclick="selectOption1()"></button><br><br>
  <button id="option2" onclick="selectOption2()"></button>
</body>
</html>
```

Feel free to modify the code, add more scenes, pictures, or even implement additional game mechanics to enhance the game further!