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

No:10595

Selective conversation simulation. If you make the..ALL
Developer User4376｜Date and time 23/8/1 7:12:54
Build time 19.134 sec｜Game capacity 2.858KB｜

Script

選択式会話シミュレーション

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>選択式会話シミュレーション</title>
</head>
<body>
    <h1>選択式会話シミュレーション</h1>
    <script>
        // 選択肢の定義
        const choices = [
            { text: 'こんにちは', response: 'ありがとう！' },
            { text: 'おはよう', response: 'ありがとう！' },
            { text: 'こんばんは', response: 'ありがとう！' }
        ];

// 選択ボタンを作成する関数
        function createButtons() {
            const buttonContainer = document.createElement('div');
            choices.forEach(choice => {
                const button = document.createElement('button');
                button.innerHTML = choice.text;
                button.addEventListener('click', () => {
                    showMessage(choice.response);
                });
                buttonContainer.appendChild(button);
            });
            return buttonContainer;
        }

// メッセージを表示する関数
        function showMessage(message) {
            const messageContainer = document.getElementById('message');
            messageContainer.innerHTML = message;
            if (message === 'ありがとう！') {
                messageContainer.style.color = 'green';
                messageContainer.style.fontWeight = 'bold';
                messageContainer.style.fontSize = '24px';
            } else {
                messageContainer.style.color = 'black';
                messageContainer.style.fontWeight = 'normal';
                messageContainer.style.fontSize = '16px';
            }
        }

// 初期化処理
        function init() {
            const conversationContainer = document.getElementById('conversation');

// NPCの最初のメッセージを表示
            const npcMessage = document.createElement('p');
            npcMessage.innerHTML = 'NPC: ありがとう、と言ってくれる選択肢を選んでください。';
            conversationContainer.appendChild(npcMessage);

// 選択ボタンを表示
            const buttonContainer = createButtons();
            conversationContainer.appendChild(buttonContainer);

// プレーヤーのメッセージを表示する要素を追加
            const playerMessage = document.createElement('p');
            playerMessage.innerHTML = 'あなた: ';
            conversationContainer.appendChild(playerMessage);

// メッセージ表示用の要素を追加
            const messageContainer = document.createElement('p');
            messageContainer.id = 'message';
            conversationContainer.appendChild(messageContainer);
        }

// 初期化処理を実行
        init();
    </script>
</body>
</html>