Message board: Fix the char counter reset on submit.

.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,8 @@
 const pb = new PocketBase('https://db.out.jafre.li');
 const messageContainer = document.getElementById('messages');
 const messageForm = document.getElementById('messageForm');
+const charCount = document.getElementById('charCount');
+
 
 // Funktion, um die letzten 10 Nachrichten zu laden
 async function loadMessages() {
@@ -33,6 +35,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 = 0;
     } catch (error) {
         console.error('Error creating message:', error);
     }
@@ -41,11 +44,8 @@ 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', () => {
+messageContainer.addEventListener('input', () => {
-    const currentLength = messageInput.value.length;
+    const currentLength = messageContainer.value.length;
     charCount.textContent = `${currentLength} / 100`;
 });