Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads
<?php
$questbook_file = 'gastenboek.json';
// Function to load questbook messages
function loadQuestbook() {
global $questbook_file;
if (file_exists($questbook_file)) {
$questbook_data = file_get_contents($questbook_file);
return json_decode($questbook_data, true);
} else {
return [];
}
}
$wordlist = array('kanker','fuck','kut','shit','tering','tyfus','hoer','hoere','')
?>
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gastenboek</title>
</head>
<body>
<img id="background-img" src="uploads/OIP.jpg" alt="ja kut het werkt niet">
<h2>Gastenboek</h2>
<form method="post" action="post.php" enctype="multipart/form-data">
<label for="name" id="header">Naam:</label>
<input type="text" id="name" name="name" required><br>
<label for="message" id="header">Berichten:</label>
<textarea id="message" name="message" rows="4" required></textarea><br>
<label for="image" id="header"> Afbeelding:</label><br>
<label for="image" id="image-button">choose file</label><span id="file-chosen">no file chosen</span><br>
<input type="file" id="image" name="image"><br><br>
<input type="submit" value="Submit">
</form>
<h3>Berichten:</h3>
<?php
$messages = loadQuestbook();
foreach ($messages as $message) {
echo '<div class="message">';
echo '<strong>Name:</strong> ' . htmlspecialchars($message['name']) . '<br>';
echo '<strong>Message:</strong> ' . htmlspecialchars($message['message']) . '<br>';
echo '<strong>date:</strong> ' . htmlspecialchars($message['date']) . '<br>';
if ($message['image'] != "") {
echo '<img src="' . htmlspecialchars($message['image']) . '" alt="Image">';
}
echo '</div>';
}
?>
<script>
const actualBtn = document.getElementById('image');
const fileChosen = document.getElementById('file-chosen');
actualBtn.addEventListener('change', function(){
fileChosen.textContent = this.files[0].name
})
</script>
</body>
</html>