Message board: Fix message char counter.

Reviewed-on: #8

.gitea/workflows/build-docker.yaml

@@ -4,7 +4,7 @@ on:
   push:
     branches:
       - main
-      - massage_board
+      - jbin
 
 jobs:
   build-and-push:

view/message-board.js

@@ -1,6 +1,9 @@
 const pb = new PocketBase('https://db.out.jafre.li');
 const messageContainer = document.getElementById('messages');
 const messageForm = document.getElementById('messageForm');
+const charCount = document.getElementById('charCount');
+const messageInput = document.getElementById('message');
+
 
 // Funktion, um die letzten 10 Nachrichten zu laden
 async function loadMessages() {
@@ -33,6 +36,7 @@ messageForm.addEventListener('submit', async (e) => {
         await pb.collection('message_board').create({ name, message });
         loadMessages(); // Aktualisiert die Nachrichtenanzeige
         messageForm.reset(); // Löscht das Formular
+        charCount.textContent = `0 / 100`;
     } catch (error) {
         console.error('Error creating message:', error);
     }
@@ -41,9 +45,6 @@ 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;