A game where multiple words appear for a few seconds then turn into other words you then need to choose one that begins with the same letter that the game chooses's game

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

No:36174

←

Prev Next

→

A game where multiple words appear for a few secon..ALL
Developer User16762｜Date and time 24/1/17 2:56:26
Build time 20.438 sec｜Game capacity 4.996KB｜

Script

Sure! Here's an example of a game where multiple words appear for a few seconds and then turn into other words. The player needs to choose one word that begins with the same letter that the game chooses. The game is designed for smartphone operation and uses pictograms.

To play the game, simply save the above code as an HTML file (e.g., "word_match_game.html"), and open it in a web browser. Click the "Start Game" button to begin. The game will display a random letter and four pictogram options. Choose the option that starts with the displayed letter. If the answer is correct, an alert will indicate so, and new words will be displayed after a few seconds. If the answer is wrong, an alert will indicate so as well.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Word Match Game</title>
</head>
<body>
    <div id="game-container">
        <div id="word-container"></div>
        <div id="options-container"></div>
        <button id="start-button">Start Game</button>
    </div>

// Available words for the game
        const words = Object.keys(pictograms);

// Game state
        let gameTimer;
        let chosenLetter;

// Start game when button is clicked
        document.getElementById("start-button").addEventListener("click", startGame);

// Start the game logic
        function startGame() {
            // Clear previous game
            document.getElementById("word-container").innerHTML = "";
            document.getElementById("options-container").innerHTML = "";

// Choose a random letter as the target
            chosenLetter = getRandomLetter();

// Generate initial set of words
            generateWords();

// Start timer to change words every few seconds
            gameTimer = setInterval(changeWords, 2000);
        }

// Generate a random letter as the target
        function getRandomLetter() {
            const letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
            const randomIndex = Math.floor(Math.random() * letters.length);
            return letters[randomIndex];
        }

// Generate a new set of words to display
        function generateWords() {
            const wordContainer = document.getElementById("word-container");
            const optionsContainer = document.getElementById("options-container");
            
            // Display target letter
            wordContainer.innerHTML = `<h2>${chosenLetter}</h2>`;

// Shuffle the available words
            const shuffledWords = shuffleArray(words.slice());

// Generate options
            for (let i = 0; i < 4; i++) {
                const word = shuffledWords[i];

const optionButton = document.createElement("button");
                optionButton.textContent = pictograms[word];
                optionButton.addEventListener("click", checkAnswer.bind(null, word.charAt(0)));
                optionsContainer.appendChild(optionButton);
            }
        }

// Shuffle array using Fisher–Yates algorithm
        function shuffleArray(array) {
            for (let i = array.length - 1; i > 0; i--) {
                const j = Math.floor(Math.random() * (i + 1));
                [array[i], array[j]] = [array[j], array[i]];
            }
            return array;
        }

// Check if chosen word matches the target letter
        function checkAnswer(letter) {
            if (letter.toUpperCase() === chosenLetter) {
                alert("Correct!");
            } else {
                alert("Wrong. Try Again.");
            }
        }

// Change words every few seconds
        function changeWords() {
            clearInterval(gameTimer);

const wordContainer = document.getElementById("word-container");
            const optionsContainer = document.getElementById("options-container");

// Clear previous words
            wordContainer.innerHTML = "";
            optionsContainer.innerHTML = "";

// Generate new set of words
            generateWords();

// Start timer again
            gameTimer = setInterval(changeWords, 2000);
        }
    </script>
</body>
</html>
```