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

No:13745

107

←

Prev Next

→

もかちゃんのキャラクターづくり🐥
Developer おまめちゃん｜Date and time 23/8/29 19:51:59
Build time 15.858 sec｜Game capacity 1.974KB｜

Script

了解です！以下にもかちゃんのキャラクターづくりのゲームを示します。

もかちゃんのキャラクターづくり🐥

🐥

このプログラムは、もかちゃんのキャラクターを変更する簡単なゲームです。ページを開くと最初に設定されたキャラクターが表示されます。ボタンをクリックすると、次のキャラクターに切り替わります。このプログラムはHTMLファイルとして実装されており、必ずJavaScriptを含んでいます。JavaScriptのコードは`
`タグで囲まれており、`changeCharacter()`関数が実行開始されます。動作確認や遊んでみていただければと思います！

←

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>
    <style>
        body {
            text-align: center;
            margin-top: 20%;
            font-size: 24px;
        }
        
        #character {
            font-size: 60px;
            margin-top: 40px;
        }

#result {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>もかちゃんのキャラクターづくり🐥</h1>
    <div id="character">🐥</div>
    <button onclick="changeCharacter()">次のキャラ</button>
    <div id="result"></div>

function changeCharacter() {
            index++;
            if (index >= characters.length) {
                index = 0;
            }

const characterElement = document.getElementById("character");
            characterElement.innerText = characters[index];
        }

document.addEventListener("DOMContentLoaded", function(event) {
            const characterElement = document.getElementById("character");
            characterElement.innerText = characters[index];
        });
    </script>
</body>
</html>
```

このプログラムは、もかちゃんのキャラクターを変更する簡単なゲームです。ページを開くと最初に設定されたキャラクターが表示されます。ボタンをクリックすると、次のキャラクターに切り替わります。

このプログラムはHTMLファイルとして実装されており、必ずJavaScriptを含んでいます。JavaScriptのコードは`<script>`タグで囲まれており、`changeCharacter()`関数が実行開始されます。

動作確認や遊んでみていただければと思います！