Skip to main content

As Seen on

Hello this is Demo News
document.addEventListener("DOMContentLoaded", function() { let toggleButton = document.querySelector("#pinny-toggle"); let chatbox = document.querySelector("#pinny-chatbox"); let sendButton = document.querySelector(".pinny-send-btn"); if (!toggleButton || !chatbox || !sendButton) { console.error("Pinny Chat elements not found on the page."); return; } toggleButton.onclick = function() { chatbox.style.display = chatbox.style.display === "flex" ? "none" : "flex"; }; sendButton.onclick = function() { let input = document.querySelector(".pinny-input"); let message = input.value.trim(); if (!message) return; let messages = document.querySelector("#pinny-messages"); messages.innerHTML += `
You: ${message}
`; fetch("https://pinny-chatbot-bc02cd1c9b90.herokuapp.com/search", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: message }) }) .then(response => response.json()) .then(data => { messages.innerHTML += `
Pinny: ${data.reply}
`; messages.scrollTop = messages.scrollHeight; }) .catch(error => { console.error("Fetch error:", error); messages.innerHTML += `
Pinny: Oops! Something went wrong. Try again later.
`; }); input.value = ""; }; });