Simple Coding Language and AI Chatbot

{"name":"Emoji Adventure","description":"Join the fun in Emoji Adventure! Navigate through a colorful world filled with playful emojis, where your quick thinking and agility will lead you to victory. Can you collect all the emojis while avoiding obstacles?","photo":null,"view_count":0,"fork_count":0,"expires_at":"2024-08-03T19:41:19.588625","created_at":"2024-08-02T19:41:19.588625Z","updated_at":"2024-08-02T20:03:10.016063Z","user_id":165,"status":"PRIVATE","parent_id":null,"id":2498,"user":{"username":"hexain","id":165,"password_hash":null,"updated_at":"2024-08-02T20:03:09.569098Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":null,"recess_id":"bf6af499-2856-404e-8342-96d4e8825db5","created_at":"2024-08-02T20:03:09.569090Z","reset_token":null,"stripe_customer_id":null,"seats":null},"code":{"script.js":"const responses = {\r\n \"hello\": \"Hi there! How can I help you today?\",\r\n \"hi\": \"Hello! What can I do for you?\",\r\n \"how are you\": \"I'm just a bunch of code, but I'm doing great! How about you?\",\r\n \"bye\": \"Goodbye! Have a great day!\",\r\n \"default\": \"I'm not sure I understand. Can you please rephrase?\"\r\n};\r\n\r\nfunction sendMessage() {\r\n const userInput = document.getElementById('userInput').value.toLowerCase();\r\n const chat = document.getElementById('chat');\r\n appendMessage(\"You: \" + userInput);\r\n\r\n const response = responses[userInput] || responses[\"default\"];\r\n appendMessage(\"Bot: \" + response);\r\n\r\n document.getElementById('userInput').value = ''; // Clear input field\r\n}\r\n\r\nfunction appendMessage(message) {\r\n const chat = document.getElementById('chat');\r\n const messageElement = document.createElement('div');\r\n messageElement.textContent = message;\r\n chat.appendChild(messageElement);\r\n chat.scrollTop = chat.scrollHeight; // Auto-scroll to the bottom\r\n}","style.css":"body {\r\n font-family: Arial, sans-serif;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100vh;\r\n margin: 0;\r\n background-color: #f0f0f0;\r\n}\r\n\r\n#chatbox {\r\n width: 300px;\r\n border: 1px solid #ccc;\r\n border-radius: 5px;\r\n background-color: white;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\r\n padding: 10px;\r\n}\r\n\r\n#chat {\r\n height: 200px;\r\n overflow-y: auto;\r\n margin-bottom: 10px;\r\n padding: 5px;\r\n border: 1px solid #ddd;\r\n border-radius: 5px;\r\n background-color: #fafafa;\r\n}\r\n\r\n#userInput {\r\n width: calc(100% - 60px);\r\n padding: 5px;\r\n margin-right: 5px;\r\n border: 1px solid #ddd;\r\n border-radius: 5px;\r\n}\r\n\r\nbutton {\r\n padding: 5px 10px;\r\n border: none;\r\n border-radius: 5px;\r\n background-color: #007BFF;\r\n color: white;\r\n cursor: pointer;\r\n}\r\n\r\nbutton:hover {\r\n background-color: #0056b","index.html":"\n\n\n\n \n \n Simple Coding Language and AI Chatbot\n \n \n \n\n\n\n

\n \n \n

\n\n\n"},"chat_history":[],"assets":[],"messages_sent":16,"comments":[],"steps":[]}