Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads
// Fetch de berichten vanuit data.json
fetch("data.json")
.then((response) => response.json())
.then((data) => {
// Verkrijg het element waarin de berichten zullen worden weergegeven
const guestbookContainer = document.getElementById("guestbook");
// Loop door elk bericht en voeg het toe aan de container
data.forEach((message, index) => {
// Maak een nieuw berichtelement aan
const messageElement = document.createElement("div");
messageElement.classList.add("message");
// Genereer een uniek ID voor elk bericht
const messageId = `message-${index}`;
// Vul de inhoud van het berichtelement met de informatie uit het bericht
messageElement.innerHTML = `
<p><strong>Naam:</strong> ${message.name}</p>
<p><strong>Bericht:</strong> ${message.message}</p>
<img src=" ${message.imagePath}" style="max-width: 150px; height: auto;">
<p><strong>Datum:</strong> ${message.timestamp}</p>
`;
// Wijs het unieke ID toe aan het berichtelement
messageElement.id = messageId;
// Voeg het berichtelement toe aan de container
guestbookContainer.appendChild(messageElement);
});
})
.catch((error) => {
console.error(
"Er is een fout opgetreden bij het ophalen van de berichten:",
error
);
});