🍹🍸🥃🍺🍷🧉🍾🧊🍯🥛🍼🫖🫗🍶🍼🥛 at 💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥 💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥's game

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

No:2835

1959

←

Prev Next

→

🍹🍸🥃🍺🍷🧉🍾🧊🍯🥛🍼🫖🫗🍶🍼🥛 at 💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥 ..ALL
Developer User3589｜Date and time 23/6/22 21:04:36
Build time 28.693 sec｜Game capacity 2.757KB｜

Script

🍹🍸🥃🍺🍷🧉🍾🧊🍯🥛🍼🫖🫗🍶🍼🥛

このコードは、Emoji Gameというタイトルのゲームを実装しています。このゲームでは、17種類の飲み物の絵文字がランダムに表示され、表示された順番にプレーヤーがクリックしていくゲームです。クリックした飲み物の絵文字が、ランダムに表示された順番の1番目と一致すれば、その飲み物絵文字が消えます。すべての飲み物が消えるとクリアになります。このゲームは、スマホでもプレイ可能です。また、ゲーム開始ボタンを押すとゲームが始まります。このゲームは、JavaScriptを含む1枚のHTMLファイルとして実装されています。

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Emoji Game</title>
    <style>
      body {
        background-color: #eee;
      }
      #game-board {
        width: 90vw;
        height: 80vh;
        margin: auto;
        border: 1px solid black;
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 5rem;
      }
      #start-button {
        margin: 20px;
        padding: 10px;
        font-size: 2rem;
        background-color: #0077cc;
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div id="game-board">
      🍹🍸🥃🍺🍷🧉🍾🧊🍯🥛🍼🫖🫗🍶🍼🥛
    </div>
    <button id="start-button">Start Game</button>
    
    <script>
      const gameBoard = document.getElementById('game-board');
      const startButton = document.getElementById('start-button');
      const emojis = ['🍹','🍸','🥃','🍺','🍷','🧉','🍾','🧊','🍯','🥛','🍼','🫖','🫗','🍶','🍼','🥛'];
      let timerId;
      
      startButton.addEventListener('click', startGame);
      
      function startGame() {
        shuffleEmojis();
        let i = 0;
        timerId = setInterval(() => {
          gameBoard.innerHTML = emojis[i];
          i = (i + 1) % emojis.length;
        }, 500);
      }
      
      function shuffleEmojis() {
        for (let i = emojis.length - 1; i > 0; i--) {
          const j = Math.floor(Math.random() * (i + 1));
          [emojis[i], emojis[j]] = [emojis[j], emojis[i]];
        }
      }
      
      gameBoard.addEventListener('click', checkMatch);
      
      function checkMatch(event) {
        const emoji = event.target.innerText;
        if (emoji === emojis[0]) {
          emojis.shift();
          if (emojis.length === 0) {
            clearInterval(timerId);
            alert('You won!');
          }
        }
      }
    </script>
  </body>
</html>