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

No:6605

149

←

Prev Next

→

Boundary King Fist
Developer User3897｜Date and time 23/7/2 23:06:00
Build time 18.393 sec｜Game capacity 1.695KB｜

Script

了解しました。では、界王拳というゲームを作成してみます。ゲームのルールは以下の通りです。 1. 画面に表示される「界王拳！」という文字を、制限時間内にできるだけ速く連打します。 2. 制限時間は10秒です。 3. 制限時間内にできるだけ多く連打した場合、得点が表示されます。以下に実装例を示します。

界王拳！

上記のコードを HTML ファイルに保存し、Web ブラウザで開くと、「界王拳！」というボタンが表示されます。このボタンをできるだけ速く連打してください。制限時間が経過すると、スコアと1秒あたりの点数が表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解しました。では、界王拳というゲームを作成してみます。ゲームのルールは以下の通りです。

1. 画面に表示される「界王拳！」という文字を、制限時間内にできるだけ速く連打します。
2. 制限時間は10秒です。
3. 制限時間内にできるだけ多く連打した場合、得点が表示されます。

以下に実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>界王拳</title>
</head>
<body>
  <h1>界王拳！</h1>

var score = 0;
    var startTime = Date.now();
    var endTime;

button.addEventListener("click", function() {
      score++;
    });

setInterval(function() {
      if (Date.now() - startTime >= 10000) {
        button.disabled = true;
        endTime = Date.now();
        var elapsedTime = (endTime - startTime) / 1000;
        var cps = score / elapsedTime;
        document.getElementById("score").textContent = "スコア: " + score + "  点数/秒: " + cps;
      }
    }, 10);
  </script>
</body>
</html>
```