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

No:13883

124

←

Prev Next

→

Npc game you can talk with the npc
Developer User5988｜Date and time 23/8/30 6:37:03
Build time 20.452 sec｜Game capacity 3.347KB｜

Script

Sure! Here's a simple NPC game implemented as a single HTML file. You can interact with the NPC by typing chat commands. The NPC will respond accordingly. Please note that this is a basic implementation and can be expanded upon further.

NPC Game

You can copy and paste this code into a blank HTML file, save it with a `.html` extension, and open it in any web browser to play the game. To interact with the NPC, simply type a chat command in the input box and click "Send" or press Enter. The NPC will respond accordingly.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>NPC Game</title>
    <style>
        #chat {
            width: 300px;
            height: 400px;
            border: 1px solid black;
            padding: 10px;
            overflow-y: scroll;
        }
        
        input[type="text"] {
            width: 250px;
            margin-top: 10px;
            padding: 5px;
        }
        
        button {
            padding: 5px 10px;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <h1>NPC Game</h1>
    
    <div id="chat"></div>
    <input type="text" id="input" />
    <button id="sendButton">Send</button>
    
    <script>
        var chatBox = document.getElementById("chat");
        var inputBox = document.getElementById("input");
        var sendButton = document.getElementById("sendButton");
        
        // Represents the NPC in the game
        var npc = {
            name: "NPC",
            responses: {
                "hi": "Hello!",
                "how are you": "I'm fine, thanks!",
                "what's your name": "My name is NPC.",
                "goodbye": "Goodbye!"
            }
        };
        
        function appendMessage(from, message) {
            var newMessage = document.createElement("p");
            newMessage.innerHTML = "<strong>" + from + ":</strong> " + message;
            chatBox.appendChild(newMessage);
            
            // Scroll chat box to bottom
            chatBox.scrollTop = chatBox.scrollHeight;
        }
        
        function sendMessage() {
            var message = inputBox.value;
            appendMessage("You", message);
            
            // Clear input box after sending message
            inputBox.value = "";
            
            // Get NPC response and display
            var response = npc.responses[message.toLowerCase()];
            if (response) {
                setTimeout(function() {
                    appendMessage(npc.name, response);
                }, 500); // Delay NPC response for a better user experience
            } else {
                setTimeout(function() {
                    appendMessage(npc.name, "I'm sorry, I don't understand.");
                }, 500);
            }
        }
        
        sendButton.addEventListener("click", sendMessage);
        
        inputBox.addEventListener("keyup", function(event) {
            event.preventDefault();
            if (event.keyCode === 13) {
                sendButton.click(); // Trigger send button click on Enter key press
            }
        });
        
        // Start the game by greeting the NPC
        setTimeout(function() {
            appendMessage(npc.name, "Hello! How can I help you?");
        }, 1000); // Delay NPC greeting for a better user experience
    </script>
</body>
</html>
```