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

No:27177

←

Prev Next

→

Internet Explorer
Developer User13491｜Date and time 23/12/4 19:14:13
Build time 42.225 sec｜Game capacity 2.941KB｜

Script

では動作しないことを理解しています。以下に、スマートフォンで遊べる文字列を入れ替えるゲームのサンプルを示します。

文字列ゲーム

初めてのゲーム。文字列を入れ替えて遊ぼう！

このHTMLファイルをスマートフォンでブラウザで開いてください。ゲームが開始され、文字列を入れ替えることができます。正しい入力をすると次の文字列が表示され、最後の文字列まで入れ替えるとゲームクリアとなります。注意点として、Internet Explorerでは正常に動作しない可能性があるため、可能であれば最新のモダンブラウザを使用してください。

←

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>
</head>
<body>
    <div id="gameContainer">
        <h1 id="gameTitle">文字列ゲーム</h1>
        <p id="gameText">初めてのゲーム。文字列を入れ替えて遊ぼう！</p>
        <button id="startButton" onclick="startGame()">ゲームスタート</button>
        <input type="text" id="inputText" placeholder="文字を入力してください">
        <button onclick="submitText()">OK</button>
        <p id="resultText"></p>
    </div>

// ゲームの現在のインデックス
        var currentStringIndex = 0;

// ゲームの初期設定
        function startGame() {
            document.getElementById('gameTitle').innerHTML = '文字列ゲーム';
            document.getElementById('gameText').innerHTML = gameStrings[currentStringIndex];
            document.getElementById('startButton').style.display = 'none';
            document.getElementById('inputText').style.display = 'block';
        }

// プレイヤーの入力テキストをチェックする
        function submitText() {
            var inputText = document.getElementById('inputText').value;
            if (inputText === gameStrings[currentStringIndex]) {
                document.getElementById('resultText').innerHTML = '正解！';
                currentStringIndex++;
                if (currentStringIndex >= gameStrings.length) {
                    document.getElementById('gameContainer').innerHTML = '<h1 id="gameTitle">おめでとう！ゲームクリア！🎉</h1>';
                } else {
                    document.getElementById('gameText').innerHTML = gameStrings[currentStringIndex];
                }
            } else {
                document.getElementById('resultText').innerHTML = '不正解！もう一度試してみてください。';
            }
            document.getElementById('inputText').value = '';
        }
    </script>
</body>
</html>
```

このHTMLファイルをスマートフォンでブラウザで開いてください。ゲームが開始され、文字列を入れ替えることができます。正しい入力をすると次の文字列が表示され、最後の文字列まで入れ替えるとゲームクリアとなります。

注意点として、Internet Explorerでは正常に動作しない可能性があるため、可能であれば最新のモダンブラウザを使用してください。