AI models chat

Ask chatgpt or any Ai anything

WhatsApp Style Chat

Chat

const chatMessages = document.getElementById('chat-messages'); const userInput = document.getElementById('user-input'); const sendButton = document.getElementById('send-button'); const timerElement = document.getElementById('timer'); const webhookUrl = 'https://hook.eu2.make.com/c7jrv4g2vc12v1m5vbfya7hrrecwbopg'; function addMessage(message, isUser = false) { const messageElement = document.createElement('div'); messageElement.classList.add('message'); messageElement.classList.add(isUser ? 'user-message' : 'bot-message'); messageElement.textContent = message; chatMessages.appendChild(messageElement); chatMessages.scrollTop = chatMessages.scrollHeight; } function startTimer() { let timeLeft = 30; timerElement.textContent = `Wachten tot antwoord: ${timeLeft} seconden`; const timer = setInterval(() => { timeLeft--; timerElement.textContent = `Wachten tot antwoord: ${timeLeft} seconden`; if (timeLeft <= 0) { clearInterval(timer); timerElement.textContent = ''; } }, 1000); } async function sendMessage() { const message = userInput.value.trim(); if (message) { addMessage(message, true); userInput.value = ''; try { // Verstuur POST-verzoek await fetch(webhookUrl, { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ question: message }), }); // Start timer en wacht 30 seconden startTimer(); await new Promise(resolve => setTimeout(resolve, 30000)); // Haal antwoord op const response = await fetch(webhookUrl); const html = await response.text(); // Extraheer antwoord uit HTML const parser = new DOMParser(); const doc = parser.parseFromString(html, 'text/html'); const answerElement = doc.querySelector('.answer'); if (answerElement) { addMessage(answerElement.textContent); } else { addMessage('Sorry, er is een fout opgetreden bij het ophalen van het antwoord.'); } } catch (error) { console.error('Error:', error); addMessage('Sorry, er is een fout opgetreden bij het verzenden van je bericht.'); } } } sendButton.addEventListener('click', sendMessage); userInput.addEventListener('keypress', (e) => { if (e.key === 'Enter') { sendMessage(); } });

Ai respons:

Your reply