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

No:22153

53

Bitlife but it is WoF
Developer User10251｜Date and time 23/10/21 6:45:55
Build time 64.34 sec｜Game capacity 3.183KB｜

WoF Pictogram Game

Guess the phrase represented by the pictogram below:

Explanation: 1. The game data consists of an array of objects, each representing a phrase. Each object contains a `pictogram` property representing the phrase as pictograms, and a `text` property representing the actual phrase. 2. The game logic keeps track of the current phrase index and the shown pictogram phrase. 3. The `generatePictogram()` function retrieves the current pictogram phrase and displays it on the page. 4. The `checkAnswer()` function compares the user's answer with the correct phrase. If the answer is correct, a message is displayed, the current phrase index is incremented, and a new pictogram is generated. If all phrases have been completed, a congratulatory message is displayed and the game restarts. 5. The game is initialized by calling `generatePictogram()` at the start of the script. 6. The HTML contains the necessary elements for displaying the current pictogram and receiving user input. The `checkAnswer()` function is triggered when the user clicks the submit button.

→ 　

0　

0　

[PR]現在の売れ筋グッズランキング

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

(C)2023 HisashiApp

```html
<!DOCTYPE html>
<html>
   <head>
      <title>WoF - Pictogram Game</title>
   </head>
   <body>
      <script>
         // Game Data: Wheel of Fortune Phrases represented by pictograms
         const phrases = [
            {
               pictogram: "💑🌃🌹",
               text: "Date Night",
            },
            {
               pictogram: "📘🚌👨‍👩‍👧",
               text: "Field Trip",
            },
            {
               pictogram: "🍎👩🎓",
               text: "Apple Graduation",
            },
            {
               pictogram: "🌊🚣⛺",
               text: "Water Camping",
            },
            {
               pictogram: "🍦🏖️",
               text: "Ice Cream Beach",
            },
         ];

// Game Logic
         let currentPhraseIndex = 0;
         let shownPhrase = "";

function generatePictogram() {
            shownPhrase = phrases[currentPhraseIndex].pictogram;
            document.getElementById("pictogram").innerHTML = shownPhrase;
         }

function checkAnswer() {
            const userAnswer = document.getElementById("answer").value.toLowerCase();
            if (userAnswer === phrases[currentPhraseIndex].text.toLowerCase()) {
               alert("Correct! Next Phrase!");
               currentPhraseIndex++;
               if (currentPhraseIndex >= phrases.length) {
                  alert("You completed the game! Congrats!");
                  currentPhraseIndex = 0;
               }
               generatePictogram();
               document.getElementById("answer").value = "";
            } else {
               alert("Incorrect! Please try again.");
            }
         }

// Initialize Game
         generatePictogram();
      </script>

<h1>WoF Pictogram Game</h1>
      
      <h3>Guess the phrase represented by the pictogram below:</h3>
      <p id="pictogram"></p>

<input type="text" id="answer" placeholder="Enter your answer" />
      <button onclick="checkAnswer()">Submit</button>
   </body>
</html>
```

Explanation:
1. The game data consists of an array of objects, each representing a phrase. Each object contains a `pictogram` property representing the phrase as pictograms, and a `text` property representing the actual phrase.
2. The game logic keeps track of the current phrase index and the shown pictogram phrase.
3. The `generatePictogram()` function retrieves the current pictogram phrase and displays it on the page.
4. The `checkAnswer()` function compares the user's answer with the correct phrase. If the answer is correct, a message is displayed, the current phrase index is incremented, and a new pictogram is generated. If all phrases have been completed, a congratulatory message is displayed and the game restarts.
5. The game is initialized by calling `generatePictogram()` at the start of the script.
6. The HTML contains the necessary elements for displaying the current pictogram and receiving user input. The `checkAnswer()` function is triggered when the user clicks the submit button.