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

No:9932

172

←

Prev Next

→

home run king
Developer User4444｜Date and time 23/7/28 10:28:43
Build time 16.995 sec｜Game capacity 1.964KB｜

Script

了解です。以下にホームラン王というゲームのHTMLファイルの実装例を示します。

ホームラン王

このHTMLファイルをブラウザで表示すると、ホームラン王というゲームがプレイできます。ボタンをクリックすると、50%の確率でホームランが出ます。連続3回ホームランが出ると、連続本塁打の表示も行われます。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下にホームラン王というゲームのHTMLファイルの実装例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ホームラン王</title>
    <style>
        body {
            text-align: center;
            font-size: 32px;
        }
        #result {
            font-size: 48px;
            margin-bottom: 50px;
        }
    </style>
</head>
<body>
    <h1>ホームラン王</h1>
    <button onclick="swing()">スイング！</button>
    
    <div id="result"></div>

function swing() {
            totalSwings++;

// 50%の確率でホームラン
            const random = Math.random();
            if (random < 0.5) {
                totalHits++;
                consecutiveHits++;

const emojis = ["⚾️", "🌟", "🔥"];
                const randomEmoji = emojis[Math.floor(Math.random() * emojis.length)];
                document.getElementById("result").textContent = randomEmoji + " ホームラン！";

if (consecutiveHits >= 3) {
                    document.getElementById("result").textContent += " 連続" + consecutiveHits + "本塁打！" ;
                }
            } else {
                consecutiveHits = 0;
                document.getElementById("result").textContent = "アウト！";
            }
        }

// ページロード時に処理を実行開始
        swing();
    </script>
</body>
</html>
```