Merge pull request 'message_board' (#6) from message_board into main

Reviewed-on: #6

view/message-board.html

@@ -15,8 +15,7 @@
         <h1>Message Board</h1>
         <form id="messageForm">
             <input type="text" id="name" placeholder="Your Name" required>
-            <textarea id="message" placeholder="Your Message" maxlength="100" required></textarea>
-            <div id="charCount">0 / 100</div>
+            <textarea id="message" placeholder="Your Message" required></textarea>
             <button type="submit">Send</button>
         </form>
         <div id="messages">

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, 8, {
+    const result = await pb.collection('message_board').getList(1, 10, {
         sort: '-created', // Sortiert nach Erstellungsdatum absteigend
     });
 
@@ -40,12 +40,3 @@ 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`;
-});

view/styles.css

@@ -108,10 +108,3 @@ form button {
 form button:hover {
     background: #0056b3;
 }
-
-#charCount {
-    font-size: 12px;
-    color: #666;
-    text-align: right; /* Rechtsbündig unter dem Textfeld */
-    width: 90%;
-}