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

No:26433

←

Prev Next

→

A block word game
Developer User13114｜Date and time 23/11/30 17:49:02
Build time 68.631 sec｜Game capacity 2.72KB｜

Script

Sure! Here's an example of a simple block word game implemented as a single HTML file:

Block Word Game

This game presents a grid of blocks containing letters. By clicking on the blocks, you can select letters and form words. If a word is found, an alert message will be displayed, and the selected letters will be cleared. You can easily expand and customize this game by adding more blocks and words.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's an example of a simple block word game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Block Word Game</title>
    <style>
        #gameArea {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .block {
            width: 50px;
            height: 50px;
            margin: 5px;
            background-color: #ddd;
            text-align: center;
            line-height: 50px;
            font-family: Arial, sans-serif;
            font-size: 24px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Block Word Game</h1>
    
    <div id="gameArea"></div>
    
    <script>
        // Define the word list
        const words = [
            "cat",
            "dog",
            "bird",
            "tree",
            "sun"
        ];

// Create blocks for each letter of the words
        function createBlocks() {
            const gameArea = document.getElementById("gameArea");
            words.forEach(word => {
                const letters = word.split("");
                letters.forEach(letter => {
                    const block = document.createElement("div");
                    block.classList.add("block");
                    block.textContent = letter;
                    block.addEventListener("click", selectLetter);
                    gameArea.appendChild(block);
                });
            });
        }

// Select letter when clicked and check if it forms a word
        function selectLetter(event) {
            const selectedBlock = event.target;
            selectedBlock.classList.add("selected");

const selectedLetters = Array.from(document.querySelectorAll(".selected"));
            const selectedWord = selectedLetters.map(letter => letter.textContent).join("");

if (words.includes(selectedWord)) {
                alert("Congratulations! You found a word: " + selectedWord);
                resetGame();
            }
        }

// Reset the game by clearing selected letters
        function resetGame() {
            const selectedBlocks = document.querySelectorAll(".selected");
            selectedBlocks.forEach(block => {
                block.classList.remove("selected");
            });
        }

// Start the game
        createBlocks();
    </script>
</body>
</html>
```