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

No:21084

Word Game: Design a word game where players have t..ALL
Developer User9316｜Date and time 23/10/13 7:03:35
Build time 90.326 sec｜Game capacity 3.946KB｜

Script

Sure! Here's a simple word game implemented as a single HTML file using JavaScript. The game allows players to create as many words as possible using a given set of letters. It is optimized for smartphone operation and uses pictograms as hints for the letters.

Word Game

🌳 🍎 🚀 🐦 ⚽️

Score: 0

To play the game: - Open a text editor and save the above code as a ".html" file (e.g., word_game.html). - Open the saved file using a web browser on your smartphone. - The game will display a set of letter hints in the form of pictograms. - Enter words using the available letters from the hints. - Valid words will be added to the word list, and your score will increase. - Have fun creating as many words as you can using the given set of letters!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Word Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #letter-hints {
      margin: 20px auto;
      font-size: 24px;
    }
    #word-input {
      margin: 20px auto;
      padding: 10px;
      font-size: 18px;
      text-transform: uppercase;
    }
    #word-list {
      margin: 20px auto;
      width: 200px;
      border: 1px solid #ccc;
      padding: 10px;
    }
    #score {
      margin: 20px auto;
      font-size: 18px;
    }
  </style>
</head>
<body>
  <h1>Word Game</h1>

<div id="score">Score: <span id="score-value">0</span></div>

// Initialize score
    let score = 0;

const wordInput = document.getElementById('word-input');
    const wordList = document.getElementById('words');
    const scoreValue = document.getElementById('score-value');

// Update letter hints
    function updateLetterHints() {
      const hint1 = document.getElementById('hint1');
      const hint2 = document.getElementById('hint2');
      const hint3 = document.getElementById('hint3');
      const hint4 = document.getElementById('hint4');
      const hint5 = document.getElementById('hint5');

hint1.textContent = availableLetters[0];
      hint2.textContent = availableLetters[1];
      hint3.textContent = availableLetters[2];
      hint4.textContent = availableLetters[3];
      hint5.textContent = availableLetters[4];
    }

// Add word to the word list
    function addWordToList(word) {
      const li = document.createElement('li');
      li.textContent = word;
      wordList.appendChild(li);
    }

// Check if given word is valid
    function isValidWord(word) {
      const lettersCopy = [...availableLetters];
      for (let letter of word) {
        const index = lettersCopy.indexOf(letter);
        if (index === -1) {
          return false;
        }
        lettersCopy.splice(index, 1);
      }
      return true;
    }

// Process user's word input
    function processWord() {
      const word = wordInput.value.trim().toUpperCase();
      if (word.length === 0) {
        return;
      }
      if (isValidWord(word)) {
        addWordToList(word);
        score++;
        scoreValue.textContent = score;
      }
      wordInput.value = '';
    }

// Event listener for word input
    wordInput.addEventListener('keydown', (event) => {
      if (event.key === 'Enter') {
        processWord();
      }
    });

// Start the game
    updateLetterHints();
    wordInput.focus();
  </script>
</body>
</html>
```

To play the game:
- Open a text editor and save the above code as a ".html" file (e.g., word_game.html).
- Open the saved file using a web browser on your smartphone.
- The game will display a set of letter hints in the form of pictograms.
- Enter words using the available letters from the hints.
- Valid words will be added to the word list, and your score will increase.
- Have fun creating as many words as you can using the given set of letters!