script.js

const evtSource = new EventSource("http://localhost:8000/sse");
const eventList = document.getElementById("list");
const statusElement = document.getElementById("status");

let messageCount = 0;
const TOTAL_MESSAGES = 5;

evtSource.onmessage = (event) => {
    messageCount += 1;

    const newElement = document.createElement("li");
    newElement.textContent = event.data;
    eventList.appendChild(newElement);

    statusElement.textContent = `Received ${messageCount} of ${TOTAL_MESSAGES} messages`;

    if (messageCount >= TOTAL_MESSAGES) {
        statusElement.textContent = "All messages received. Closing connection.";
        evtSource.close();
    }
};

evtSource.onerror = () => {
    if (messageCount >= TOTAL_MESSAGES) {
        statusElement.textContent = "Stream finished.";
        return;
    }

    statusElement.textContent = "Connection error. Check that the server is running on port 8000.";
    console.error("EventSource failed");
};