Most Trending Viral Website Ai content writer writer coding

const form = document.querySelector('form'); const userInput = document.querySelector('#user-input'); const chatArea = document.querySelector('#chat-area'); form.addEventListener('submit', (event) => { event.preventDefault(); const userMessage = userInput.value; userInput.value = ''; appendMessage(userMessage, 'user'); }); function appendMessage(message, sender) { const messageDiv = document.createElement('div'); messageDiv.innerText = message; messageDiv.classList.add(sender); chatArea.appendChild(messageDiv); } const API_URL = 'https://api.example.com/chatbot'; async function getChatbotResponse(message) { const response = await fetch(API_URL, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ message }) }); const data = await response.json(); return data.response; } form.addEventListener('submit', async (event) => { event.preventDefault(); const userMessage = userInput.value; userInput.value = ''; appendMessage(userMessage, 'user'); const chatbotResponse = await getChatbotResponse(userMessage); appendMessage(chatbotResponse, 'chatbot'); }); #chat-area { border: 1px solid #ccc; padding: 10px; height: 300px; overflow-y: scroll; } .user { background-color: #f1f0f0; margin: 10px; padding: 10px; border-radius: 5px; } .chatbot { background-color: #4CAF50; color: white; margin: 10px; padding: 10px; border-radius: 5px; }