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

No:37052

153

Guess the next/previous letter game.
Developer User15231｜Date and time 24/1/20 1:34:55
Build time 11.098 sec｜Game capacity 2.671KB｜

Sure! Here's a simple implementation of the next/previous letter game in a single HTML file using JavaScript. The game will display a pictogram representing a letter, and the player needs to guess the next or previous letter in the alphabet. The game will keep track of the player's score and provide feedback on each guess. Please make sure to save the file with a `.html` extension and open it in a web browser.

Next/Previous Letter Game

Guess the next or previous letter:

Letter Pictogram

Score: 0

In this game, the pictograms for each letter should be stored in a folder named "pictograms" within the same directory as the HTML file. The pictogram filenames should match the lowercase letter they represent (e.g., `emozi_all/game.png` for the letter 'a', `emozi_apple.png` for 'b', etc.). Each time the player submits a guess, the game checks if the guessed letter is the next or previous letter in the alphabet compared to the current letter displayed as a pictogram. The score is updated, feedback is displayed, and a new letter is generated.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's a simple implementation of the next/previous letter game in a single HTML file using JavaScript. The game will display a pictogram representing a letter, and the player needs to guess the next or previous letter in the alphabet. The game will keep track of the player's score and provide feedback on each guess. Please make sure to save the file with a `.html` extension and open it in a web browser.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Next/Previous Letter Game</title>
</head>
<body>
  <div id="game-container">
    <h1>Next/Previous Letter Game</h1>
    <p>Guess the next or previous letter:</p>
    <img src="pictograms/a.png" id="letter-img" alt="Letter Pictogram">
    <input type="text" id="guess-input" placeholder="Enter your guess">
    <button onclick="checkGuess()">Submit</button>
    <p>Score: <span id="score">0</span></p>
    <p id="feedback"></p>
  </div>

<script>
    var currentLetter = 'a';
    var score = 0;

function checkGuess() {
      var guessInput = document.getElementById('guess-input');
      var guess = guessInput.value.toLowerCase();

var feedback = document.getElementById('feedback');

if (guess === String.fromCharCode(currentLetter.charCodeAt() - 1) || guess === String.fromCharCode(currentLetter.charCodeAt() + 1)) {
        feedback.innerText = 'Correct!';
        score += 1;
      } else {
        feedback.innerText = 'Incorrect!';
        score -= 1;
      }

// Update score
      var scoreElement = document.getElementById('score');
      scoreElement.innerText = score;

// Generate a new letter
      generateLetter();

// Clear the input field
      guessInput.value = '';
    }

function generateLetter() {
      // Generate a random letter between 'a' and 'z'
      currentLetter = String.fromCharCode(97 + Math.floor(Math.random() * 26));

// Update the letter pictogram image source
      var letterImg = document.getElementById('letter-img');
      letterImg.src = 'pictograms/' + currentLetter + '.png';
    }

// Start the game by generating the first letter
    generateLetter();
  </script>
</body>
</html>
```

In this game, the pictograms for each letter should be stored in a folder named "pictograms" within the same directory as the HTML file. The pictogram filenames should match the lowercase letter they represent (e.g., `a.png` for the letter 'a', `b.png` for 'b', etc.).

Each time the player submits a guess, the game checks if the guessed letter is the next or previous letter in the alphabet compared to the current letter displayed as a pictogram. The score is updated, feedback is displayed, and a new letter is generated.