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

No:22820

←

Prev Next

→

プロ野球スピリッツ
Developer User10543｜Date and time 23/10/25 17:59:50
Build time 50.508 sec｜Game capacity 2.022KB｜

Script

了解しました。以下にプロ野球スピリッツというゲームの雛形を示します。

プロ野球スピリッツ

この雛形では、「スタート」ボタンをクリックすると、1秒ごとにクリック回数が増えていきます。ゲームは10秒後に終了し、その時点の獲得スコアがアラートで表示されます。ゲームのスコアは、「スコア」と書かれた部分に表示されます。このHTMLファイルをブラウザで開くと、プロ野球スピリッツという簡単なゲームが遊べます。

←

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>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #score {
      font-size: 40px;
    }
    #start-button {
      margin-top: 20px;
      font-size: 20px;
    }
  </style>
</head>
<body>
  <h1>プロ野球スピリッツ</h1>
  <p id="score">0</p>
  <button id="start-button">スタート</button>
  
  <script>
    // スコアの初期値とクリック回数の変数
    let score = 0;
    let clickCount = 0;
    
    // スコア表示用の要素
    const scoreElement = document.getElementById("score");
    
    // スタートボタンクリック時の処理
    document.getElementById("start-button").addEventListener("click", () => {
      // クリック回数をリセット
      clickCount = 0;
      scoreElement.textContent = score;
      
      // ゲーム処理を開始
      startGame();
    });
    
    // ゲーム処理の関数
    function startGame() {
      // 1秒ごとにクリック回数を増やす
      const intervalId = setInterval(() => {
        clickCount++;
        scoreElement.textContent = score + clickCount;
      }, 1000);
      
      // 10秒後にゲーム終了
      setTimeout(() => {
        clearInterval(intervalId);
        alert("ゲーム終了！\n獲得スコア: " + (score + clickCount));
      }, 10000);
    }
  </script>
</body>
</html>
```

この雛形では、「スタート」ボタンをクリックすると、1秒ごとにクリック回数が増えていきます。ゲームは10秒後に終了し、その時点の獲得スコアがアラートで表示されます。ゲームのスコアは、「スコア」と書かれた部分に表示されます。

このHTMLファイルをブラウザで開くと、プロ野球スピリッツという簡単なゲームが遊べます。