char counter in mesage box

view/message-board.js

@@ -4,7 +4,7 @@ const messageForm = document.getElementById('messageForm');
 
 // Funktion, um die letzten 10 Nachrichten zu laden
 async function loadMessages() {
-    const result = await pb.collection('message_board').getList(1, 10, {
+    const result = await pb.collection('message_board').getList(1, 8, {
         sort: '-created', // Sortiert nach Erstellungsdatum absteigend
     });
 
@@ -40,3 +40,12 @@ messageForm.addEventListener('submit', async (e) => {
 
 // Nachrichten beim Laden der Seite anzeigen
 loadMessages();
+
+const messageInput = document.getElementById('message');
+const charCount = document.getElementById('charCount');
+
+// Event-Listener für Eingaben im Textfeld
+messageInput.addEventListener('input', () => {
+    const currentLength = messageInput.value.length;
+    charCount.textContent = `${currentLength} / 100`;
+});