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

No:10280

111

←

Prev Next

→

Phonics game with sound s, a, t, p, I, n
Developer User4516｜Date and time 23/7/29 22:45:33
Build time 20.703 sec｜Game capacity 2.609KB｜

Script

Sure! Here's the HTML code for a phonics game focused on the sounds "s", "a", "t", "p", "i", and "n". The game is designed for smartphone operation and uses pictograms to make it more engaging for young learners.

Phonics Game

Select the letters to hear their sounds:

To use this code, please replace the file names `s.mp3`, `a.mp3`, `t.mp3`, `p.mp3`, `i.mp3`, and `n.mp3` with the actual audio files for each respective sound. Additionally, you can modify the `words` array to include more words for the game. Remember to save this code as a single HTML file and open it in a web browser (preferably on a smartphone) to play the game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Phonics Game</title>
</head>
<body>
  <script>
    window.onload = function() {
      // Pictograms representing the words
      const pictograms = {
        s: '🐍',
        a: '🍎',
        t: '🌳',
        p: '🍕',
        i: '👁️',
        n: '🤪'
      };

// Audio files for each sound
      const sounds = {
        s: new Audio('s.mp3'),
        a: new Audio('a.mp3'),
        t: new Audio('t.mp3'),
        p: new Audio('p.mp3'),
        i: new Audio('i.mp3'),
        n: new Audio('n.mp3')
      };

// Array of words for the game
      const words = ['sat', 'pin', 'pat', 'sit', 'nap', 'sip', 'tan', 'tap'];

// Function to play sound for a given letter
      function playSound(letter) {
        sounds[letter].play();
      }

// Function to generate game options/buttons
      function generateOptions() {
        const optionsContainer = document.getElementById('options-container');
        optionsContainer.innerHTML = '';

// Randomly select a word from the array
        const randomIndex = Math.floor(Math.random() * words.length);
        const word = words[randomIndex];

// Shuffle the letters of the selected word
        const shuffledWord = word.split('').sort(function() {
          return 0.5 - Math.random();
        });

// Create option buttons for each letter
        shuffledWord.forEach(function(letter) {
          const button = document.createElement('button');
          button.innerText = pictograms[letter];
          button.addEventListener('click', function() {
            playSound(letter);
          });
          optionsContainer.appendChild(button);
        });
      }

// Start the game by generating options
      generateOptions();
    }
  </script>

<h1>Phonics Game</h1>
  <p>Select the letters to hear their sounds:</p>
  <div id="options-container"></div>
</body>
</html>
```

Remember to save this code as a single HTML file and open it in a web browser (preferably on a smartphone) to play the game.