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

No:18778

←

Prev Next

→

İpjone 14
Developer Burak Arda Bulut｜Date and time 23/9/30 18:17:24
Build time 13.401 sec｜Game capacity 3.373KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. Since you mentioned using pictograms, this game will use emoji icons for visual representation.

Welcome to Emoji Matching Game!

Click on the emojis to find the matching pairs.

To play the game, save the code as a single HTML file (e.g., `emoji_matching_game.html`) on your iPhone 14, then open the file using a web browser. You will see a grid of emoji icons, and you can click on any two icons to find matching pairs. The matched cards will stay visible, and the non-matching cards will hide after a second. Your goal is to find all the matching pairs. Enjoy the game on your iPhone 14!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Emoji Matching Game</title>
  <style>
    body {
      font-size: 30px;
      text-align: center;
    }
  </style>
</head>
<body>
  <h1>Welcome to Emoji Matching Game!</h1>
  <p>Click on the emojis to find the matching pairs.</p>
  <div id="game"></div>

// Shuffle the emojis array using Fisher-Yates algorithm
    function shuffle(array) {
      let currentIndex = array.length, temporaryValue, randomIndex;
      
      while (currentIndex !== 0) {
        randomIndex = Math.floor(Math.random() * currentIndex);
        currentIndex -= 1;
        
        temporaryValue = array[currentIndex];
        array[currentIndex] = array[randomIndex];
        array[randomIndex] = temporaryValue;
      }
      
      return array;
    }

// Create the game board
    function createGameBoard() {
      const shuffledEmojis = shuffle([...emojis, ...emojis]);
      const gameBoard = document.getElementById('game');

shuffledEmojis.forEach((emoji, index) => {
        const card = document.createElement('div');
        card.classList.add('card');
        card.textContent = emoji;
        card.addEventListener('click', () => handleClick(card));
        gameBoard.appendChild(card);
      });
    }

let firstCard = null;
    let secondCard = null;

// Handle the card click event
    function handleClick(card) {
      if (!firstCard) {
        firstCard = card;
        card.classList.add('selected');
      } else if (!secondCard) {
        secondCard = card;
        card.classList.add('selected');

// Check if the cards match
        if (firstCard.textContent === secondCard.textContent) {
          firstCard.classList.add('matched');
          secondCard.classList.add('matched');
          firstCard.removeEventListener('click', handleClick);
          secondCard.removeEventListener('click', handleClick);
          firstCard = null;
          secondCard = null;
        } else {
          // Delay hiding the non-matching cards
          setTimeout(() => {
            firstCard.classList.remove('selected');
            secondCard.classList.remove('selected');
            firstCard = null;
            secondCard = null;
          }, 1000);
        }
      }
    }

// Initialize the game
    function init() {
      createGameBoard();
    }

// Start the game
    window.onload = init;
  </script>
</body>
</html>
```

Enjoy the game on your iPhone 14!