Added user name textarea to form, and fixed AJAX helper methods

Author: S-Warmenhoven

public/scripts/main.js

@@ -226,7 +226,7 @@ function renderMessages(messages = []) {
         <p>
           <strong>${message.id}</strong>
           ${message.username} -
-          ${message.content}
+          ${message.body}
         </p>
         <button data-id="${message.id}" class="delete-button">
           Delete
@@ -259,7 +259,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     createMessage({
       username: formData.get('username'),
-      content: formData.get('content')
+      body: formData.get('body')
     }).then(() => refreshMessages(messagesUl));
   });
 

views/home/index.ejs

@@ -3,6 +3,7 @@
 <h1>Chatr</h1>
 
 <form id="new-message">
+  <input type="text" name="username" placeholder="Username">
   <textarea name="body" placeholder="Type your message..."></textarea>
   <input type="submit" value='Post Message' />
 </form>