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

No:6988

196

back-to-back grand slam home runs (baseball)
Developer User3840｜Date and time 23/7/4 20:47:30
Build time 23.066 sec｜Game capacity 2.604KB｜

了解しました。以下に逆転サヨナラ満塁ホームランというシンプルなゲームを作成するためのHTMLとJavaScriptのコードを示します。

逆転サヨナラ満塁ホームラン

ボールを打つ準備ができているかタップしてください

このコードでは、ボタンをクリックすることでボールを打つことができます。最初のボタンクリックでゲームがスタートし、その後はボールが飛んでくるタイミングでボタンをクリックすると、ホームランが加算されます。ボールをミスした場合はゲームオーバーとなり、もう一度挑戦することはできません。なお、絵文字を使用する場合は、`<h1>`タグ内やステータスメッセージなどで試してみることができます。デバイスやブラウザによっては表示されない場合もありますので、予め確認してください。また、スマホ操作前提となっていますので、スマートフォンのブラウザで開くことをおすすめします。

→ 　

1　

0　

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

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

(C)2023 HisashiApp

了解しました。以下に逆転サヨナラ満塁ホームランというシンプルなゲームを作成するためのHTMLとJavaScriptのコードを示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>逆転サヨナラ満塁ホームラン</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <h1>逆転サヨナラ満塁ホームラン</h1>
  <p id="message">ボールを打つ準備ができているかタップしてください</p>
  <button onclick="swing()">ボールを打つ</button>

<script>
    let isSwingReady = false;
    let isGameStarted = false;
    let isGameOver = false;
    let score = 0;

function swing() {
      if (!isGameStarted) {
        isGameStarted = true;
        document.getElementById("message").textContent = "ボールが飛んできた！タイミング良くタップしてホームランを狙おう！";
        return;
      }

if (isGameOver) {
        alert("もう一度遊ぶにはページをリロードしてください");
        return;
      }

if (isSwingReady) {
        score += 1;
        document.getElementById("message").textContent = "ホームラン！現在のスコア: " + score;
        resetBall();
      } else {
        document.getElementById("message").textContent = "ミス！もう一度挑戦しよう！";
        isGameOver = true;
      }
    }

function resetBall() {
      isSwingReady = false;
      setTimeout(() => {
        isSwingReady = true;
        document.getElementById("message").textContent = "ボールが来た！タップして打つ準備をしよう！";
      }, Math.floor(Math.random() * 3000) + 1000);
    }
  </script>
</body>
</html>
```

このコードでは、ボタンをクリックすることでボールを打つことができます。最初のボタンクリックでゲームがスタートし、その後はボールが飛んでくるタイミングでボタンをクリックすると、ホームランが加算されます。ボールをミスした場合はゲームオーバーとなり、もう一度挑戦することはできません。

なお、絵文字を使用する場合は、`<h1>`タグ内やステータスメッセージなどで試してみることができます。デバイスやブラウザによっては表示されない場合もありますので、予め確認してください。

また、スマホ操作前提となっていますので、スマートフォンのブラウザで開くことをおすすめします。