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

No:9147

195

←

Prev Next

→

Defeat the ever-increasing number of hawks with a ..ALL
Developer User4271｜Date and time 23/7/21 17:44:37
Build time 25.394 sec｜Game capacity 2.055KB｜

Script

了解しました。以下に、増え続ける鷹を連打で倒せるゲームの実装例を示します。

増え続ける鷹を連打で倒せ！

スマホ画面をタップして鷹を倒してください。

倒した鷹の数: 0

このゲームでは、スマホ画面をタップすることで鷹を倒すことができます。倒した鷹の数が表示され、連打で倒した鷹の数が増えます。鷹は一定の時間経過後に再び現れるため、連打禁止のために猶予時間を設けています。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解しました。以下に、増え続ける鷹を連打で倒せるゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>鷹を連打で倒せゲーム</title>
  <style>
    #taka {
      font-size: 100px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>増え続ける鷹を連打で倒せ！</h1>
  <p>スマホ画面をタップして鷹を倒してください。</p>
  <p>倒した鷹の数: <span id="score">0</span></p>

// 鷹のクリックイベントを設定
    takaElement.addEventListener('click', function() {
      score++;
      scoreElement.textContent = score;
      this.remove(); // 鷹を削除
      createTaka();  // 新しい鷹を生成
    });

// 新しい鷹を生成する関数
    function createTaka() {
      const taka = document.createElement('span');
      taka.textContent = '🦅';
      taka.id = 'taka';
      taka.style.left = getRandomNumber(0, window.innerWidth - 100) + 'px';
      taka.style.top = getRandomNumber(100, window.innerHeight - 100) + 'px';
      taka.style.position = 'absolute';
      document.body.appendChild(taka);

// 連打禁止のため、鷹をクリックできなくする猶予時間を設定
      setTimeout(function() {
        taka.style.pointerEvents = 'auto';
      }, 1000);
    }

// minからmaxまでのランダムな数を生成する関数
    function getRandomNumber(min, max) {
      return Math.floor(Math.random() * (max - min + 1)) + min;
    }

createTaka(); // 最初の鷹を生成
  </script>
</body>
</html>
```