my friend and perfect 🦋's game

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

No:48503

←

Prev Next

→

my friend and perfect 🦋
Developer User20702｜Date and time 24/3/2 10:51:41
Build time 5.699 sec｜Game capacity 1.412KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Emoji Matching Game</title>
  <style>
    body {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      height: 90vh;
    }
    .card {
      width: 100px;
      height: 100px;
      margin: 10px;
      font-size: 4rem;
      cursor: pointer;
      text-align: center;
    }
  </style>
</head>
<body>
  
</body>
<script>
  const emojis = ['🌸', '🌼', '🌺', '💐', '🌻', '🌷', '🌹', '🌱'];
  let selectedEmojis = [];
  
  function shuffle(array) {
    return array.sort(() => Math.random() - 0.5);
  }
  
  function createCard(emoji) {
    const card = document.createElement('div');
    card.textContent = emoji;
    card.classList.add('card');
    card.addEventListener('click', () => {
      if(selectedEmojis.length < 2 && !selectedEmojis.includes(card)) {
        selectedEmojis.push(card);
        card.classList.add('selected');
        if(selectedEmojis.length === 2) {
          setTimeout(() => {
            if(selectedEmojis[0].textContent !== selectedEmojis[1].textContent) {
              selectedEmojis.forEach(card => card.classList.remove('selected'));
            }
            selectedEmojis = [];
          }, 1000);
        }
      }
    });
    document.body.appendChild(card);
  }
  
  shuffle(emojis.concat(emojis)).forEach(emoji => createCard(emoji));
</script>
</html>
```