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

No:21104

126

←

Prev Next

→

Create a chat room where people send chat message..ALL
Developer User9316｜Date and time 23/10/13 7:39:08
Build time 53.558 sec｜Game capacity 2.965KB｜

Script

Sure! Here's an example of a simple chat room game implemented in a single HTML file using JavaScript and pictograms for avatars. Note that this is a very basic implementation and lacks authentication or validation for simplicity purposes.

Chat Room Game

To run the game, copy the code into a new HTML file and open it in a web browser. The game will prompt you to enter your name. Once entered, you can start sending messages in the chat room. Each player will be assigned a random color avatar (represented by a pictogram). Other players will see your chat messages with your chosen color avatar and name. Please note that this implementation lacks proper security measures and is intended for demonstration purposes only. In a real-world scenario, you would need to implement user authentication, message validation, and other security measures.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Chat Room</title>
    <style>
        #chatbox {
            width: 300px;
            height: 250px;
            border: 1px solid black;
            overflow-y: scroll;
        }
    </style>
</head>
<body>
    <h1>Chat Room Game</h1>
    <div id="chatbox"></div>
    <input type="text" id="message" placeholder="Type your message..." />
    <button onclick="sendMessage()">Send</button>

var messages = [];

function displayMessages() {
            var chatbox = document.getElementById("chatbox");
            chatbox.innerHTML = messages.map(function (message) {
                return '<div><span style="color:' + message.color + ';">' + avatars[message.color] + '</span>' + message.author + ': ' + message.text + '</div>';
            }).join("");

chatbox.scrollTop = chatbox.scrollHeight;
        }

var playerName = prompt("Enter your name:");
        if (playerName.length > 15) {
            playerName = playerName.substring(0, 15); // Limit name to 15 characters
        }

document.addEventListener("DOMContentLoaded", function () {
            displayMessages();
            document.getElementById("message").focus();
        });
    </script>
</body>
</html>
```

Please note that this implementation lacks proper security measures and is intended for demonstration purposes only. In a real-world scenario, you would need to implement user authentication, message validation, and other security measures.