[best] - Website Chat Script

.header-info h3 font-size: 1.2rem; font-weight: 600; letter-spacing: -0.2px;

.chat-input-area button background: #1e2a3e; border: none; color: white; width: 44px; height: 44px; border-radius: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; font-size: 1.3rem; website chat script

messagesContainer.appendChild(messageDiv); // auto scroll to bottom messagesContainer.scrollTop = messagesContainer.scrollHeight; return messageDiv; .header-info h3 font-size: 1.2rem

/* typing indicator (bot) */ .typing-indicator display: flex; align-items: center; gap: 5px; padding: 10px 16px; background: #e5e7eb; width: fit-content; border-radius: 24px; border-bottom-left-radius: 4px; .chat-input-area button background: #1e2a3e

// add a message to UI (type: 'user' or 'bot') function addMessage(text, sender) const messageDiv = document.createElement('div'); messageDiv.classList.add('message'); messageDiv.classList.add(sender === 'user' ? 'user-message' : 'bot-message');