Iqro'

const chatbot = { database: { "halo": "Halo! Ada yang bisa saya bantu?", "siapa kamu": "Saya adalah chatbot pribadi untuk blog ini!", "terima kasih": "Sama-sama! Senang bisa membantu." }, chatLog: [], searchDatabase: function (query) { query = query.toLowerCase().trim(); console.log("Mencari dalam database:", query); return this.database[query] || "Maaf, saya tidak mengerti pertanyaan Anda."; }, sendMessage: function (message) { if (!message.trim()) { console.log("Pesan kosong, tidak dikirim."); return; } console.log("Pesan dikirim:", message); let botResponse = this.searchDatabase(message); this.chatLog.push({ user: message, bot: botResponse }); this.displayChat(); }, displayChat: function () { let chatWindow = document.getElementById("chat-window"); if (!chatWindow) { console.error("Elemen chat-window tidak ditemukan!"); return; } chatWindow.innerHTML = ""; this.chatLog.forEach(chat => { chatWindow.innerHTML += `

Anda: ${chat.user}

`; chatWindow.innerHTML += `

Bot: ${chat.bot}

`; }); chatWindow.scrollTop = chatWindow.scrollHeight; // Auto-scroll ke bawah } }; document.addEventListener("DOMContentLoaded", function () { console.log("DOM Loaded, menambahkan elemen chatbot..."); document.body.innerHTML += ` `; const inputField = document.getElementById("user-input"); const sendButton = document.getElementById("send-button"); const chatWindow = document.getElementById("chat-window"); if (!inputField || !sendButton || !chatWindow) { console.error("Elemen input atau tombol tidak ditemukan!"); return; } sendButton.addEventListener("click", function () { let userInput = inputField.value; chatbot.sendMessage(userInput); inputField.value = ""; }); inputField.addEventListener("keypress", function (event) { if (event.key === "Enter") { sendButton.click(); } }); console.log("Chatbot berhasil dimuat!"); });