Skip to main content
itch.io
Browse Games
Game Jams
Upload Game
Developer Logs
Community
Log in
Register
Indie game store
Free games
Fun games
Horror games
Game development
Assets
Comics
Sales
Bundles
Jobs
Tags
Game Engines
DGenosiy games
June 14, 2024
· by
Papamioleksandr
#DGENOSIY
DGenosiy games
Share on Twitter
Share on Facebook
Follow Papamioleksandr
Following Papamioleksandr
Unfollow Papamioleksandr
Share this post:
Share on Twitter
Share on Facebook
Follow Papamioleksandr
Following Papamioleksandr
Unfollow Papamioleksandr
<!DOCTYPE html> <html lang="uk"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Чат-бот Ostrish</title> <style> body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f0f0f0; } .chat-container { width: 400px; padding: 20px; background-color: #ffffff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 8px; } .chat-messages { height: 300px; overflow-y: scroll; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .chat-input { display: flex; margin-top: 10px; } .chat-input input[type="text"] { flex: 1; padding: 8px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px 0 0 4px; outline: none; } .chat-input button { padding: 8px 15px; font-size: 14px; background-color: #4CAF50; color: white; border: 1px solid #4CAF50; border-radius: 0 4px 4px 0; cursor: pointer; outline: none; } </style> </head> <body>
Ласкаво просимо до чат-бота Ostrish! Як я можу вам допомогти сьогодні?
<input type="text" id="user-input" placeholder="Введіть ваше повідомлення..."> <button onclick="sendMessage()">Відправити</button>
<script> function sendMessage() { var userInput = document.getElementById('user-input').value; var chatMessages = document.getElementById('chat-messages'); // Відображення повідомлення користувача var userMessageElement = document.createElement('div'); userMessageElement.textContent = 'Ви: ' + userInput; chatMessages.appendChild(userMessageElement); // Обробка введення користувача (симуляція відповіді штучного інтелекту) setTimeout(function() { var response = generateResponse(userInput); // Відображення відповіді штучного інтелекту var aiMessageElement = document.createElement('div'); aiMessageElement.textContent = 'Ostrish: ' + response; chatMessages.appendChild(aiMessageElement); // Прокрутка до нижнього краю повідомлень чату chatMessages.scrollTop = chatMessages.scrollHeight; }, 500); // Очищення поля введення document.getElementById('user-input').value = ''; } function generateResponse(input) { // Розпізнання та обробка математичних виразів try { // Заміна символів ділення і множення на математичні оператори JavaScript input = input.replace(/÷/g, '/').replace(/×/g, '*'); // Заміна символу 'x' на JavaScript змінну 'x' input = input.replace(/x/g, 'x'); // Заміна символу '=' на '==' input = input.replace(/=/g, '=='); // Шукаємо позицію 'x' у введеному рядку var pos = input.indexOf('x'); // Якщо 'x' знаходиться в рівнянні типу (100 + x = 101) if (pos !== -1 && input.includes('==')) { var parts = input.split('=='); var leftSide = parts[0].trim(); var rightSide = parts[1].trim(); // Визначаємо 'x' як невідому змінну if (leftSide.includes('x')) { return 'Знайдено "x" у рівнянні: ' + leftSide + ' = ' + rightSide; } else if (rightSide.includes('x')) { return 'Знайдено "x" у рівнянні: ' + rightSide + ' = ' + leftSide; } else { return 'Введено некоректне рівняння.'; } } else { // Виконання введеного виразу var result = eval(input); return 'Результат: ' + result; } } catch (error) { return 'Введено некоректний вираз.'; } } </script> </body> </html>
Support this post
Did you like this post? Tell us
Leave a comment
Log in with your itch.io account
to leave a comment.
Leave a comment
Log in with your itch.io account to leave a comment.