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

No:5952

346

←

Prev Next

→

hand power
Developer User3848｜Date and time 23/7/1 3:49:00
Build time 18.987 sec｜Game capacity 2.086KB｜

Script

了解いたしました。以下にハンドパワーというゲームを実装したHTMLファイルの例を示します。

ハンドパワー

指定された時間内に最大パワーでボタンを押してください！

上記の例では、プレイヤーが指定された時間内に「力を溜める！」ボタンを押して、パワーを溜めるゲームです。3秒後にボタンがクリック可能になり、5秒間の制限時間内でボタンを押し続けることでパワーが上昇します。時間切れ後に結果が表示されます。なお、このゲームはスマートフォンでもプレイできるようになっています。

←

Prev　Next

→ 　

Back　

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

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

了解いたしました。以下にハンドパワーというゲームを実装したHTMLファイルの例を示します。

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>ハンドパワー</title>
    <style>
      #power-meter {
        width: 300px;
        height: 20px;
        background-color: lightgray;
      }

#power-bar {
        height: 100%;
        background-color: green;
      }
    </style>
  </head>
  <body>
    <h1>ハンドパワー</h1>
    <p>指定された時間内に最大パワーでボタンを押してください！</p>
    <div id="power-meter">
      <div id="power-bar"></div>
    </div>
    <button id="power-button" disabled>力を溜める！</button>
    <script>
      const timeLimit = 5; // 秒単位
      let power = 0;
      let timerId = null;

function handlePowerButton() {
        power++;
      }

document.getElementById('power-button').addEventListener('click', handlePowerButton);

setTimeout(() => {
        document.getElementById('power-button').disabled = false;
        startTimer();
      }, 3000);
    </script>
  </body>
</html>
```

上記の例では、プレイヤーが指定された時間内に「力を溜める！」ボタンを押して、パワーを溜めるゲームです。3秒後にボタンがクリック可能になり、5秒間の制限時間内でボタンを押し続けることでパワーが上昇します。時間切れ後に結果が表示されます。

なお、このゲームはスマートフォンでもプレイできるようになっています。