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

No:20227

Education games alphabet arabic with system mark
Developer User8993｜Date and time 23/10/8 23:07:34
Build time 19.5 sec｜Game capacity 3.342KB｜

Script

Sure, here's an example of a simple educational game that teaches the Arabic alphabet with diacritical marks. The game will display a random Arabic letter with a diacritical mark, and the player needs to select the correct pronunciation from multiple choice options. The game will keep track of the player's score and display it at the end.

Arabic Alphabet Game

Select the correct pronunciation for the displayed letter:

Score: 0

You can copy the above code and save it as a single HTML file, then open it with a web browser to play the game. Each time you select the correct pronunciation for the displayed Arabic letter, your score will increase, and a new random letter will be displayed for you to continue playing.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Arabic Alphabet Game</title>
</head>
<body>

<h1>Arabic Alphabet Game</h1>
  <p>Select the correct pronunciation for the displayed letter:</p>

<p id="letter"></p>
  <div id="choices">
    <button onclick="checkAnswer(this)">Choice 1</button>
    <button onclick="checkAnswer(this)">Choice 2</button>
    <button onclick="checkAnswer(this)">Choice 3</button>
    <button onclick="checkAnswer(this)">Choice 4</button>
  </div>

<p id="score">Score: 0</p>

let score = 0;
    let currentLetter;

// Function to start the game and display a random letter
    function startGame() {
      score = 0;
      displayRandomLetter();
      updateScore();
    }

// Function to display a random letter with its choices
    function displayRandomLetter() {
      const randomIndex = Math.floor(Math.random() * alphabet.length);
      currentLetter = alphabet[randomIndex];

document.getElementById("letter").textContent = currentLetter.letter;

// Shuffle the choices array and assign them to the buttons
      const choices = shuffleArray([
        currentLetter.pronunciation,
        getRandomPronunciation(),
        getRandomPronunciation(),
        getRandomPronunciation()
      ]);

const buttons = document.getElementById("choices").getElementsByTagName("button");

for (let i = 0; i < buttons.length; i++) {
        buttons[i].textContent = choices[i];
      }
    }

// Function to check the selected answer
    function checkAnswer(button) {
      if (button.textContent === currentLetter.pronunciation) {
        score++;
      }

displayRandomLetter();
      updateScore();
    }

// Function to update the score display
    function updateScore() {
      document.getElementById("score").textContent = "Score: " + score;
    }

// Function to get a random pronunciation from the alphabet
    function getRandomPronunciation() {
      const randomIndex = Math.floor(Math.random() * alphabet.length);
      return alphabet[randomIndex].pronunciation;
    }

// Function to shuffle an 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;
    }

// Start the game
    startGame();
  </script>

</body>
</html>
```