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

No:4268

1564

←

Prev Next

→

Medloor.
Developer User1006｜Date and time 23/6/27 17:09:33
Build time 25.831 sec｜Game capacity 2.655KB｜

Script

は、非常に簡単なゲームとして実装できます。以下は実際のプログラム例です。

メドローア

タップして始めてください

このプログラムは、ボタンをクリックして開始すると、1秒ごとにランダムな絵文字が表示され、それをタップすると得点が加算されます。得点はスコア表示用のHTML要素に反映されます。制限時間やゲームオーバーなどの機能はありませんが、非常に簡単なゲームとして遊ぶことができます。

←

Prev　Next

→ 　

Back　

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

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

は、非常に簡単なゲームとして実装できます。以下は実際のプログラム例です。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>メドローア</title>
  </head>
  <body>
    <h1>メドローア</h1>
    <p>タップして始めてください</p>
    <script>
      let score = 0; // スコアを初期化
      const button = document.createElement('button'); // ボタンを生成
      button.textContent = 'スタート';
      button.addEventListener('click', play); // クリック時にplay()関数を呼び出す
      document.body.appendChild(button); // ボタンをbody要素に追加

function play() {
        button.remove(); // ボタンを削除
        const emojiList = ['🐶', '🐱', '🐰', '🐻']; // 表示する絵文字のリスト
        const gameArea = document.createElement('div');
        gameArea.style.display = 'flex';
        gameArea.style.flexWrap = 'wrap';
        document.body.appendChild(gameArea); // ゲームエリアをbody要素に追加

setInterval(() => {
          // 指定された時間ごとにemojiListからランダムに絵文字を選択して表示する
          const index = Math.floor(Math.random() * emojiList.length);
          const emoji = emojiList[index];
          const div = document.createElement('div');
          div.textContent = emoji;
          div.style.fontSize = '5rem';
          div.style.cursor = 'pointer';
          div.addEventListener('click', () => {
            div.remove(); // クリックされた要素を削除
            score += 1;
            updateScore(); // スコアを更新
          });
          gameArea.appendChild(div); // 絵文字をゲームエリアに追加
        }, 1000); // 1秒ごとに繰り返す

function updateScore() {
          document.getElementById('score').textContent = `Score: ${score}`; // スコアをHTMLに反映
        }

const scoreDisplay = document.createElement('p');
        scoreDisplay.id = 'score';
        scoreDisplay.textContent = 'Score: 0';
        scoreDisplay.style.fontSize = '2rem';
        document.body.appendChild(scoreDisplay); // スコア表示用のHTML要素を追加
      }
    </script>
  </body>
</html>