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

No:21914

Matching game 😃 🍎 🪙 🥪 🥪 🍎 🛹 🛹 🪙
Developer User10064｜Date and time 23/10/19 8:04:50
Build time 58.091 sec｜Game capacity 2.894KB｜

Script

Sure! Here's an example of a matching game using pictograms. To play the game, you need to match pairs of pictograms by clicking on them. The game will keep track of your score and display it at the end. Here's the code:

Matching Game

Score: 0

You can copy and paste this code into a single HTML file and open it in a web browser to play the game. Enjoy!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Matching Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    .card {
      display: inline-block;
      margin: 10px;
      width: 60px;
      height: 60px;
      background-color: lightgray;
      border-radius: 5px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Matching Game</h1>
  <div id="gameBoard"></div>
  <h2 id="score">Score: 0</h2>
  
  <script>
    var cards = ['😃', '🍎', '🪙', '🥪', '🥪', '🍎', '🛹', '🛹', '🪙'];
    var score = 0;
    var firstCard = null;
    
    function shuffle(array) {
      var 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;
    }
    
    function createCard(card) {
      var div = document.createElement('div');
      div.className = 'card';
      div.textContent = card;
      div.addEventListener('click', function() {
        if (this.classList.contains('matched')) {
          return;
        }
        if (firstCard === null) {
          firstCard = this;
          this.classList.add('selected');
        } else {
          // Second card selected
          if (this !== firstCard) {
            var secondCard = this;
            secondCard.classList.add('selected');
            if (firstCard.textContent === secondCard.textContent) {
              // Match!
              firstCard.classList.add('matched');
              secondCard.classList.add('matched');
              score += 2;
              document.getElementById('score').textContent = 'Score: ' + score;
            } else {
              // Not a match, flip back the cards after a short delay
              setTimeout(function() {
                firstCard.classList.remove('selected');
                secondCard.classList.remove('selected');
              }, 1000);
            }
            firstCard = null; // Reset the first card
          }
        }
      });
      return div;
    }
    
    function startGame() {
      var shuffledCards = shuffle(cards);
      for (var i = 0; i < shuffledCards.length; i++) {
        var card = createCard(shuffledCards[i]);
        document.getElementById('gameBoard').appendChild(card);
      }
    }
    
    startGame();
  </script>
</body>
</html>
```

You can copy and paste this code into a single HTML file and open it in a web browser to play the game. Enjoy!