AI game creator

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

No:48260

←

Prev Next

→

Vytvoř chat s ai
Developer User20718｜Date and time 24/3/1 20:27:36
Build time 5.12 sec｜Game capacity 1.637KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Chat with AI</title>
</head>
<body>
    <div id="chatbox"></div>
    <input type="text" id="userInput" placeholder="Type your message here...">
    <button onclick="sendMessage()">Send</button>

function sendMessage() {
            const userMessage = userInput.value;
            displayMessage(userMessage, true);
            userInput.value = '';

// Call AI function here
            setTimeout(() => {
                const aiMessage = "This is the AI response.";
                displayMessage(aiMessage, false);
            }, 1000);
        }

function displayMessage(message, isUser) {
            const messageElement = document.createElement('div');
            messageElement.classList.add('message');
            messageElement.classList.add(isUser ? 'user' : 'ai');
            messageElement.innerText = message;

chatbox.appendChild(messageElement);
        }
    </script>

.message {
            margin: 10px;
            padding: 5px;
            border: 1px solid #000;
            border-radius: 5px;
        }

.user {
            background-color: lightblue;
            float: right;
        }

.ai {
            background-color: lightgreen;
            float: left;
        }
    </style>
</body>
</html>