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

No:7450

2171

←

Prev Next

→

Games that create games When you enter text in the..ALL
Developer もちきなこ｜Date and time 23/7/7 22:28:42
Build time 10.923 sec｜Game capacity 1.662KB｜

Script

了解しました。以下にゲームを作るゲームの実装例を示します。

ゲームを作るゲーム

このHTMLファイルでは、入力欄にテキストを入力すると、その内容に応じたゲームが作成されます。入力した内容は、画面中央に大きな文字として表示されます。実行すると、テキストを入力すると同時に画面上にゲームが表示されるようになっています。テキストを編集すると、ゲームも同時に変化します。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解しました。以下にゲームを作るゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ゲームを作るゲーム</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        input {
            padding: 10px;
            font-size: 18px;
            width: 300px;
            margin-bottom: 20px;
        }
        
        #game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 300px;
        }
        
        #game {
            font-size: 72px;
        }
    </style>
</head>
<body>
    <h1>ゲームを作るゲーム</h1>
    <input id="input-game" type="text" placeholder="ゲームの内容を入力してください">
    <div id="game-container">
        <div id="game"></div>
    </div>
</body>
<script>
    const inputGame = document.getElementById("input-game");
    const gameContainer = document.getElementById("game");

inputGame.addEventListener("input", createGame);

function createGame() {
        const gameText = inputGame.value;
        gameContainer.innerHTML = gameText;
    }
</script>
</html>
```

このHTMLファイルでは、入力欄にテキストを入力すると、その内容に応じたゲームが作成されます。入力した内容は、画面中央に大きな文字として表示されます。

実行すると、テキストを入力すると同時に画面上にゲームが表示されるようになっています。テキストを編集すると、ゲームも同時に変化します。