const input = document.getElementById('chat-input'); const btnSend = document.getElementById('btn-send'); const btnReset = document.getElementById('btn-reset'); const messageList = document.getElementById('message-list'); const emptyState = document.getElementById('empty-state'); const chatBody = document.getElementById('chat-body'); // Função para criar HTML de mensagem function createMessage(text, type) { const div = document.createElement('div'); div.className = `message ${type}`; const time = new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }); div.innerHTML = ` ${time} `; return div; } // Enviar Mensagem function sendMessage() { const text = input.value.trim(); if (!text) return; // 1. Some com a tela inicial emptyState.style.display = 'none'; // 2. Adiciona mensagem do usuário messageList.appendChild(createMessage(text, 'user')); input.value = ''; // Scroll para o fim chatBody.scrollTop = chatBody.scrollHeight; // Simulação de resposta da IA setTimeout(() => { messageList.appendChild(createMessage("Esta é uma resposta automática de teste.", 'bot')); chatBody.scrollTop = chatBody.scrollHeight; }, 1000); } // Resetar Chat function resetChat() { if(confirm('Deseja apagar todo o histórico?')) { messageList.innerHTML = ''; // Limpa mensagens emptyState.style.display = 'flex'; // Mostra tela inicial de novo } } // Eventos btnSend.addEventListener('click', sendMessage); input.addEventListener('keypress', (e) => { if (e.key === 'Enter') sendMessage(); }); btnReset.addEventListener('click', resetChat); });