Hướng dẫn kết nối SarChat API

API SarChat là dùng chung, không thể chỉnh sửa câu hỏi/câu trả lời mặc định. Bạn chỉ cần nhúng API, tạo khung chat và input, và run chat trên trang của mình.

1. Nhúng API

<script src="https://hothiptvn.neocities.org/soulweb/SoulChat/Scapi.js"></script>

2. Tạo khung chat cơ bản

HTML:


<div id="chatbox"></div>
<input id="userInput" placeholder="Nhập câu hỏi..." />
<button onclick="sendMsg()">Gửi</button>

3. JavaScript để chạy chat


function sendMsg(){
    const msg = document.getElementById("userInput").value;
    if(!msg) return;
    const chatbox = document.getElementById("chatbox");

    // Hiển thị câu hỏi người dùng
    chatbox.innerHTML += '<div class="message user">' + msg + '</div>';

    // Lấy câu trả lời từ API dùng chung
    const reply = Scapi.get(msg);
    chatbox.innerHTML += '<div class="message bot">' + reply + '</div>';

    // Xóa input và scroll xuống dưới
    document.getElementById("userInput").value = "";
    chatbox.scrollTop = chatbox.scrollHeight;
}

4. Test nhanh

Nhập các câu hỏi ví dụ: hi, hello, bạn tên gì để thử bot.

5. Chỉnh giao diện