Mesterséges intelligencia akivel tudsz beszélni írd be és válaszol nem hagy cserben's game

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

No:34929

←

Prev Next

→

Mesterséges intelligencia akivel tudsz beszélni ír..ALL
Developer User16254｜Date and time 24/1/12 18:40:45
Build time 14.718 sec｜Game capacity 3.062KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Chatbot Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    
    .container {
      text-align: center;
      margin-top: 50px;
    }
    
    .message-container {
      margin: 10px;
    }
    
    .user-message {
      background-color: #DCF8C6;
      padding: 10px;
      display: inline-block;
      border-radius: 10px;
    }
    
    .bot-message {
      background-color: #F3F3F3;
      padding: 10px;
      display: inline-block;
      border-radius: 10px;
    }
    
    .submit-button {
      margin-top: 10px;
    }
  </style>
</head>
<body>
  
  <div class="container">
    <div id="chat-messages"></div>
    <input type="text" id="user-input" placeholder="Enter your message">
    <input type="button" id="submit-button" class="submit-button" value="Send" onclick="handleUserInput()">
  </div>
  
  <script>
  
    const chatMessages = document.getElementById('chat-messages');
    const userInput = document.getElementById('user-input');
    
    const botResponses = [
      "👋 Hello!",
      "🤔 I'm sorry, I didn't understand that.",
      "🎮 Let's play a game! Guess the pictogram!",
      "🐶🐱🐭🐹🐰🦊🐻🐼 Can you guess the animal?",
      "🚀🌙 Can you guess the object?",
      "🌞🌧️ Can you guess the weather?"
    ];
    
    function handleUserInput() {
      const userMessage = userInput.value;
      displayUserMessage(userMessage);
      userInput.value = '';
      processUserInput(userMessage);
    }
    
    function displayUserMessage(message) {
      const userMessageContainer = document.createElement('div');
      const userMessageElement = document.createElement('span');
      userMessageElement.classList = 'user-message';
      userMessageElement.textContent = message;
      userMessageContainer.appendChild(userMessageElement);
      chatMessages.appendChild(userMessageContainer);
    }
    
    function displayBotMessage(message) {
      const botMessageContainer = document.createElement('div');
      const botMessageElement = document.createElement('span');
      botMessageElement.classList = 'bot-message';
      botMessageElement.textContent = message;
      botMessageContainer.appendChild(botMessageElement);
      chatMessages.appendChild(botMessageContainer);
    }
    
    function processUserInput(message) {
      if (message.toLowerCase().includes("hello") || message.toLowerCase().includes("hi")) {
        displayBotMessage(botResponses[0]);
      } else if (message.toLowerCase().includes("game")) {
        displayBotMessage(botResponses[2]);
      } else if (message.toLowerCase().includes("animal")) {
        displayBotMessage(botResponses[3]);
      } else if (message.toLowerCase().includes("object")) {
        displayBotMessage(botResponses[4]);
      } else if (message.toLowerCase().includes("weather")) {
        displayBotMessage(botResponses[5]);
      } else {
        displayBotMessage(botResponses[1]);
      }
    }
    
  </script>
  
</body>
</html>