header.js

document.addEventListener("DOMContentLoaded", function() {
    fetch("header.html")
        .then(response => {
            if (!response.ok) {
                throw new Error("Network response was not ok " + response.statusText);
            }
            return response.text();
        })
        .then(data => {
            const headerPlaceholder = document.getElementById("header-placeholder");
            if (headerPlaceholder) {
                headerPlaceholder.innerHTML = data;
            } else {
                console.error("Header placeholder not found.");
            }
        })
        .catch(error => {
            console.error("Failed to fetch header:", error);
        });
});