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

No:29193

←

Prev Next

→

Snack match
Developer User13970｜Date and time 23/12/16 17:23:19
Build time 30.253 sec｜Game capacity 3.045KB｜

Script

Sure, here's an example of a simple "Snack Match" game implemented in a single HTML file using JavaScript and enclosed in script tags:

Snack Match

You can copy and paste this code into a blank HTML file and open it in a web browser on your smartphone to play the "Snack Match" game. The game consists of a grid of cards, each displaying a pictogram of a snack. The objective is to find and match all pairs of snack cards by flipping them over two at a time. Once all pairs are matched, the game will display a "Congratulations! You won the game!" message and allow you to start a new game by clicking "OK".

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a simple "Snack Match" game implemented in a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Snack Match</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

h1 {
      color: #333;
    }

.card {
      display: inline-block;
      width: 100px;
      height: 100px;
      margin: 10px;
      border: 2px solid #333;
      border-radius: 10px;
      cursor: pointer;
      background-color: #eee;
      background-size: contain;
    }
  </style>
</head>
<body>
  <h1>Snack Match</h1>
  <div id="game"></div>

// Shuffle snacks array
    snacks.sort(() => Math.random() - 0.5);

// Create card elements
    snacks.forEach(snack => {
      const card = document.createElement('div');
      card.classList.add('card');
      card.textContent = snack;
      card.addEventListener('click', () => selectCard(card));
      gameContainer.appendChild(card);
    });

function selectCard(card) {
      if (!card || matchedCards.includes(card)) return;

card.classList.add('selected');

if (selectedCard) {
        if (selectedCard.textContent === card.textContent) {
          selectedCard.removeEventListener('click', () => selectCard(card));
          card.removeEventListener('click', () => selectCard(selectedCard));
          matchedCards.push(selectedCard, card);

if (matchedCards.length === snacks.length) {
            setTimeout(() => {
              alert('Congratulations! You won the game!');
              resetGame();
            }, 400);
          }
        } else {
          setTimeout(() => {
            selectedCard.classList.remove('selected');
            card.classList.remove('selected');
            selectedCard = null;
          }, 400);
        }
      } else {
        selectedCard = card;
      }
    }

function resetGame() {
      selectedCard = null;
      matchedCards = [];
      gameContainer.innerHTML = '';
      snacks.sort(() => Math.random() - 0.5);

snacks.forEach(snack => {
        const card = document.createElement('div');
        card.classList.add('card');
        card.textContent = snack;
        card.addEventListener('click', () => selectCard(card));
        gameContainer.appendChild(card);
      });
    }
  </script>
</body>
</html>
```