@import url(‘https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600&display=swap’); #app { font-family: ‘later Siliguri’, sans-swap’); #app { font-family: ‘later Siliguri’, sans-swap’); #app { font-family: ‘Post Siliguri’, sans-swap’); #app { font-family: ‘Post Siliguri’, sansans-solid #eee; border radius: 16px; overflow: hidden; } .header { padding: 14px; text alignment: centered; background: #f7faf8; border bottom: 1px solid #eee; } .header h2 { margin: 0; color: #6b9080; font-size: 20px {chat.height: 60vh; overflow-y: auto; padding: 15px; display: flex; flex-direction: columns; gap: 10px; } .msg { padding: 10px 14px; border-radius: 14px; max-width: 80%; font-size: 14px; line-height: 1.5; background: #f1f5f3; self-align: flex start; } .user { background: #8eb69b; color: #fff; self-align: curved end; } .input-area { display: flex; top border: 1px solid #eee; } .input-area input { flex: 1; Top border: 1px solid line #eee; } .Input area input { flex: 1; Background: #8eb69b; Color: white; Border: None; Width: 60 pixels; Cursor: pointer; }
peaceful
(function () { const chatBox = document.getElementById(“chatBox”); const input = document.getElementById(“textInput”); const btn = document.getElementById(“sendBare”); function DetnTML(str. = str; return txt.value; } // 🔥 Smarter AI logic function getAIResponse(text) { const msg = text.toLowerCase(); // Breakup/relationship pain if (msg.includes(“breakup”) || msg.includes(“brake if (msg.includes(“breakup”) || msg.includes(“brake if (msg.includes(“breakup”) || msg.includes(“brake if (msg.includes(“breakup”) || msg.includes(“brake if(ms) diccher) ||Error. addMessage(text, type) { const div = document.createElement(“div”); div.className = “msg ” + type; chatBox.appendChild(div); } // Typing effect function showTyping(callback) { consttext = docum.divate. chatBox.removeChild(typing);callback(); }, 800); } function sendMessage() { const text = input.value.trim(); if (!text) return; addMessage(text, “user”); showTy const;() = {AIR); btn.addEventListener(“click”, sendMessage); input.addEventListener(“keydown”, function (e) { if (e.key === “Enter”); });
Source link
