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

No:2830

5123

←

Prev Next

→

hyperinflationary game
Developer User3623｜Date and time 23/6/22 20:47:26
Build time 22.108 sec｜Game capacity 2.458KB｜

Script

hyperinflationary game

Try to get the highest score to test your skills!

Score:0

←

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>ハイパーインフレゲーム</title>
    <style>
      body {
        font-size: 2em;
      }
      .score {
        font-size: 3em;
      }
    </style>
  </head>
  <body>
    <h1>ハイパーインフレゲーム</h1>
    <p>腕試しに最高スコアを目指してみよう！</p>
    <p><button id="startBtn">スタート！</button></p>
    <p>スコア：<span class="score">0</span></p>
    <script>
      const startBtn = document.getElementById('startBtn');
      const scoreEl = document.querySelector('.score');
      let score = 0;
      let timerId;
      startBtn.addEventListener('click', startGame);
      
      function startGame() {
        startBtn.removeEventListener('click', startGame);
        startBtn.disabled = true;
        timerId = setInterval(() => {
          score++;
          scoreEl.textContent = score;
        }, 1000);
      }
      
      const emojis = ['🐶', '🐱', '🐻', '🦁', '🦄'];
      const gameArea = document.body;
      gameArea.addEventListener('click', (e) => {
        if (e.target.tagName === 'BUTTON') return;
        const emoji = emojis[Math.floor(Math.random() * emojis.length)];
        const elem = document.createElement('div');
        elem.style.fontSize = '10em';
        elem.textContent = emoji;
        elem.style.position = 'absolute';
        elem.style.top = `${Math.random() * 80}%`;
        elem.style.left = `${Math.random() * 80}%`;
        gameArea.appendChild(elem);
        elem.addEventListener('click', () => {
          gameArea.removeChild(elem);
          score += 10;
          scoreEl.textContent = score;
        });
      });
      
      gameArea.addEventListener('mouseover', () => {
        if (timerId) {
          clearInterval(timerId);
          timerId = null;
          gameArea.removeEventListener('click', addEmoji);
          gameArea.removeEventListener('mouseover', stopGame);
          setTimeout(() => {
            alert(`おめでとう！あなたのスコアは${score}です！`);
            resetGame();
          }, 1000);
        }
      });
      
      function resetGame() {
        startBtn.addEventListener('click', startGame);
        startBtn.disabled = false;
        score = 0;
        scoreEl.textContent = 0;
        while (gameArea.firstChild) {
          gameArea.removeChild(gameArea.firstChild);
        }
      }
    </script>
  </body>
</html>