Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads
document.addEventListener('DOMContentLoaded', function() {
fetchMessages();
document.querySelector('#deleteMessages').addEventListener('click', deleteAllMessages);
});
function fetchMessages() {
fetch('fetchMessages.php')
.then(response => response.json())
.then(data => {
displayMessages(data);
})
.catch(error => {
console.error('Error:', error);
});
}
function displayMessages(messages) {
const messageList = document.getElementById('messageList');
messageList.innerHTML = '';
messages.forEach(message => {
const li = document.createElement('li');
li.textContent = `${message.name}: ${message.message}`;
const deleteButton = document.createElement('button');
deleteButton.textContent = 'Delete';
deleteButton.addEventListener('click', () => {
deleteMessage(message.id);
});
li.appendChild(deleteButton);
messageList.appendChild(li);
});
}
function deleteMessage(id) {
if (confirm('Are you sure you want to delete this message?')) {
fetch(`deleteMessage.php?id=${id}`, {
method: 'DELETE'
})
.then(response => response.json())
.then(data => {
fetchMessages();
})
.catch(error => {
console.error('Error:', error);
});
}
}
function deleteAllMessages() {
if (confirm('Are you sure you want to delete all messages?')) {
fetch('deleteAllMessages.php', {
method: 'DELETE'
})
.then(response => response.json())
.then(data => {
fetchMessages();
})
.catch(error => {
console.error('Error:', error);
});
}
}