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

No:48416

Crea un juego donde estas en un chat dónde chateas..ALL
Developer User18058｜Date and time 24/3/2 4:53:42
Build time 10.646 sec｜Game capacity 2.093KB｜

Script

¡Bienvenido al Chat con IA!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Juego de Chat con IA</title>
<style>
   body {
      font-family: Arial, sans-serif;
      text-align: center;
   }
   #chatbox {
      width: 80%;
      margin: 0 auto;
      padding: 20px;
      border: 1px solid #ccc;
      border-radius: 10px;
      background-color: #f9f9f9;
      height: 300px;
      overflow-y: scroll;
   }
   #input {
      width: 80%;
      margin: 10px auto;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 5px;
   }
</style>
</head>
<body>
   <h1>¡Bienvenido al Chat con IA!</h1>
   <div id="chatbox"></div>
   <input type="text" id="input" placeholder="Escribe tu mensaje...">
<script>
   const chatbox = document.getElementById('chatbox');
   const input = document.getElementById('input');

const preguntas = ['¿Cuál es tu comida favorita?', '¿Cuál es tu color favorito?', '¿Qué música te gusta escuchar?'];
   const respuestas = ['Mi comida favorita es la energía eléctrica', 'Mi color favorito es el código hexadecimal #00FF00', 'Me encanta escuchar música binaria'];

function generarRespuesta() {
      return respuestas[Math.floor(Math.random() * respuestas.length)];
   }

function enviarMensaje() {
      const mensaje = input.value;
      input.value = '';
      agregarMensaje(mensaje, 'Tú');

setTimeout(() => {
         const respuesta = generarRespuesta();
         agregarMensaje(respuesta, 'IA');
      }, 500);
   }

input.addEventListener('keypress', (e) => {
      if (e.key === 'Enter') {
         enviarMensaje();
      }
   });

// Mensaje de bienvenida inicial
   setTimeout(() => {
      const bienvenida = '¡Hola! Soy la IA, ¿en qué puedo ayudarte?';
      agregarMensaje(bienvenida, 'IA');
   }, 500);
</script>
</body>
</html>