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

No:16060

←

Prev Next

→

経済特区
Developer はにわ｜Date and time 23/9/15 19:06:06
Build time 29.498 sec｜Game capacity 2.474KB｜

Script

了解しました。以下に、例としてシンプルな数字当てゲームのプログラムを記述します。

数字当てゲーム

このプログラムは、1から10までの範囲でランダムに設定された正解の数字を当てるゲームです。ユーザーが数字を入力してチェックボタンを押すと、入力された値と正解の値を比較して、メッセージを表示します。正解の場合は「正解！」、入力された値が正解より小さい場合は「もっと大きい数字です」、入力された値が正解より大きい場合は「もっと小さい数字です」と表示されます。このように、HTMLファイル内にJavaScriptを含むことで、ゲームを実装することができます。スマホでも遊べるよう、画面が中央に表示されるようにCSSでスタイリングしています。

←

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">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数字当てゲーム</title>
    <style>
        body {
            text-align: center;
            font-size: 1.5rem;
        }
    </style>
</head>
<body>
    <h1>数字当てゲーム</h1>
    <p id="message"></p>
    <input type="number" id="guess" placeholder="数字を入力してください">
    <button id="check">チェック</button>
    <script>
        // 正解の数字を1から10までの範囲でランダムに設定
        const answer = Math.floor(Math.random() * 10) + 1;

// メッセージ表示用の要素を取得
        const messageElement = document.getElementById("message");

// チェックボタンの要素を取得
        const checkButton = document.getElementById("check");

// チェックボタンが押された時の処理
        checkButton.addEventListener("click", function() {
            // 入力された値を取得
            const guess = Number(document.getElementById("guess").value);

// 入力された値と正解の値を比較
            if (guess === answer) {
                messageElement.textContent = "正解！おめでとうございます！";
            } else if (guess < answer) {
                messageElement.textContent = "もっと大きい数字です";
            } else {
                messageElement.textContent = "もっと小さい数字です";
            }
        });
    </script>
</body>
</html>
```

このように、HTMLファイル内にJavaScriptを含むことで、ゲームを実装することができます。スマホでも遊べるよう、画面が中央に表示されるようにCSSでスタイリングしています。