Make a chat gpt game by HTML code's game

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

No:50919

109

←

Prev Next

→

Make a chat gpt game by HTML code
Developer User21298｜Date and time 24/3/10 8:47:50
Build time 5.35 sec｜Game capacity 1.797KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

// List of responses
const responses = [
    "I'm good, thanks for asking!",
    "Nothing much, just hanging out.",
    "I'm feeling great, how about you?",
    "I'm ready to chat, let's get started!"
];

// Function to randomly select an element from an array
function getRandomElement(array) {
    return array[Math.floor(Math.random() * array.length)];
}

// Function to generate a random greeting
function generateGreeting() {
    return getRandomElement(greetings);
}

// Function to generate a random response
function generateResponse() {
    return getRandomElement(responses);
}

// Get elements from HTML
const messageBox = document.getElementById("message-box");
const chatButton = document.getElementById("chat-button");

// Event listener for chat button
chatButton.addEventListener("click", function() {
    // Generate greeting and response
    const greeting = generateGreeting();
    const response = generateResponse();
    
    // Display message in message box
    messageBox.innerHTML += `<div class="message">${greeting}</div>`;
    messageBox.innerHTML += `<div class="message">${response}</div>`;
});
</script>

<div id="message-box"></div>
<button id="chat-button">Chat</button>

#message-box {
    height: 300px;
    width: 100%;
    overflow-y: scroll;
}

#chat-button {
    margin-top: 10px;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 5px;
}
</style>