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

No:24427

←

Prev Next

→

Microsoft Windows 1.0
Developer User11298｜Date and time 23/11/9 3:04:42
Build time 57.311 sec｜Game capacity 3.187KB｜

Script

Sure! Here's a simple example of a game implemented as a single HTML file using JavaScript. Since the game assumes smartphone operation, it utilizes touch events. The game is inspired by the classic "Guess the Word" game, where the player needs to guess a word by selecting pictograms corresponding to the correct letters.

Guess the Word Game

In this game, you need to select the correct pictograms corresponding to the letters of the target word ("CAT" in this example). Once all the letters are selected, the game checks if the word has been guessed correctly and displays the result. You can add more pictograms for each letter by duplicating the HTML line and updating the `onclick` and letter value accordingly.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Guess the Word Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    .pictogram {
      display: inline-block;
      width: 100px;
      height: 100px;
      background-color: #f2f2f2;
      margin: 10px;
      border-radius: 10px;
      cursor: pointer;
    }
    
    .selected {
      background-color: #88ccff;
    }
    
    #wordContainer {
      margin-top: 40px;
      font-size: 24px;
      display: flex;
      justify-content: center;
    }
    
    #result {
      margin-top: 20px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>Guess the Word Game</h1>
  
  <div id="wordContainer"></div>
  
  <div style="margin-top: 20px;">
    <div class="pictogram" onclick="selectLetter('A')">A</div>
    <div class="pictogram" onclick="selectLetter('B')">B</div>
    <div class="pictogram" onclick="selectLetter('C')">C</div>
    
  </div>
  
  <div id="result"></div>
  
  <script>
    // Define the target word
    const targetWord = "CAT";
    
    // Array to store selected letters
    let selectedLetters = [];
    
    // Function to handle letter selection
    function selectLetter(letter) {
      // Check if the letter has already been selected
      if (selectedLetters.includes(letter)) {
        return;
      }
      
      // Add the selected letter to the array
      selectedLetters.push(letter);
      
      // Update the word container
      const wordContainer = document.getElementById("wordContainer");
      wordContainer.innerHTML = "";
      
      for (const char of targetWord) {
        const letterElem = document.createElement("div");
        letterElem.className = "pictogram";
        
        if (selectedLetters.includes(char)) {
          letterElem.classList.add("selected");
          letterElem.innerText = char;
        }
        
        wordContainer.appendChild(letterElem);
      }
      
      // Check if the word has been fully guessed
      if (selectedLetters.length === targetWord.length) {
        const resultElem = document.getElementById("result");
        
        if (selectedLetters.join("") === targetWord) {
          resultElem.innerText = "Congratulations! You guessed the word!";
        } else {
          resultElem.innerText = "Sorry, the word was not guessed correctly.";
        }
      }
    }
  </script>
</body>
</html>
```