AI game creator

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

No:30661

←

Prev Next

→

A PvE game
Developer User14904｜Date and time 23/12/23 14:47:32
Build time 19.342 sec｜Game capacity 3.161KB｜

Script

Sure! Here's an example of a PvE (Player versus Environment) game implemented as a single HTML file using JavaScript. It's a simple guessing game where the player needs to guess the correct answer within a specific number of attempts. The game will use pictograms for a more visual interface. Feel free to modify or enhance it as per your requirements.

PvE Guessing Game

🎯

To play the game, simply save the code as a HTML file and open it in a web browser, preferably on a smartphone for a better experience. The player needs to input their guess within the given range (0-100) and click on the "Make a Guess" button. The game will provide hints if the guess is incorrect and display the result once the game is over or the correct number is guessed.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>PvE Guessing Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #pictogram {
      font-size: 60px;
      margin-top: 100px;
    }
    #input {
      margin-top: 30px;
    }
    #result {
      margin-top: 20px;
      font-weight: bold;
    }
    #attempts {
      margin-top: 10px;
      font-style: italic;
    }
  </style>
</head>
<body>
  <h2>PvE Guessing Game</h2>
  <div id="pictogram">🎯</div>
  <div id="input">
    <input type="number" id="guessInput" placeholder="Enter your guess" min="0" max="100">
    <button onclick="makeGuess()">Make a Guess</button>
  </div>
  <div id="result"></div>
  <div id="attempts"></div>

// Function to make a guess
    function makeGuess() {
      var guess = parseInt(document.getElementById("guessInput").value);
      var resultElement = document.getElementById("result");
      var attemptsElement = document.getElementById("attempts");

// Check if it's a valid guess
      if (isNaN(guess) || guess < 0 || guess > 100) {
        resultElement.innerText = "Invalid guess!";
        resultElement.style.color = "red";
        return;
      }

// Check if the guess is correct
      if (guess === targetNumber) {
        resultElement.innerText = "Congratulations! You guessed it right!";
        resultElement.style.color = "green";
        document.getElementById("input").style.display = "none";
        return;
      }

// Check if attempts exhausted
      if (attemptsLeft === 1) {
        resultElement.innerText = "Game Over! The correct number was " + targetNumber + ".";
        resultElement.style.color = "red";
        document.getElementById("input").style.display = "none";
        return;
      }

// If the guess is incorrect
      var attemptsString = attemptsLeft <= 2 ? "attempt" : "attempts";
      resultElement.innerText = "Wrong guess! Try again!";
      resultElement.style.color = "red";
      attemptsElement.innerText = "Attempts left: " + --attemptsLeft;

if (guess < targetNumber) {
        resultElement.innerText += "\nHint: Higher.";
      } else {
        resultElement.innerText += "\nHint: Lower.";
      }
    }
  </script>
</body>
</html>
```