Chat game with an idiot's game

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

No:11117

144

←

Prev Next

→

Chat game with an idiot
Developer User4825｜Date and time 23/8/8 0:13:19
Build time 18.947 sec｜Game capacity 2.138KB｜

Script

了解です。以下に、バカとチャットをするゲームの実装を示します。

このゲームは、ユーザーがテキストを入力して送信ボタンをクリックすると、入力されたテキストに対して返答が表示されます。ユーザーが「バカ」という言葉を含めると、特別なメッセージが表示されます。ユーザーはスマホの操作前提で、絵文字を使って楽しくゲームをプレイすることができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解です。

以下に、バカとチャットをするゲームの実装を示します。

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>バカとチャットをするゲーム</title>
    <style>
        body {
            text-align: center;
            font-size: 24px;
            margin-top: 100px;
        }
    </style>
</head>

function submitMessage() {
            var userMessage = userInput.value;
            var response;

if (userMessage.includes("バカ")) {
                response = "バカって言ったらダメですよ！さすがに失礼ですね。";
            } else {
                response = "黙れ";
            }

var messageNode = document.createElement("p");
            messageNode.textContent = "あなた: " + userMessage;
            chatLog.appendChild(messageNode);

var responseNode = document.createElement("p");
            responseNode.textContent = "Bot: " + response;
            responseNode.style.color = "blue";
            chatLog.appendChild(responseNode);

userInput.value = "";
        }
        userInput.addEventListener("keydown", function (event) {
            if(event.keyCode === 13) {
                event.preventDefault();
                submitMessage();
            }
        });

userInput.focus();
    </script>
</body>

</html>

このゲームは、ユーザーがテキストを入力して送信ボタンをクリックすると、入力されたテキストに対して返答が表示されます。ユーザーが「バカ」という言葉を含めると、特別なメッセージが表示されます。

ユーザーはスマホの操作前提で、絵文字を使って楽しくゲームをプレイすることができます。