Comments added to registration page

ProjectSourceCode/src/views/pages/register.hbs

@@ -1,16 +1,24 @@
 <div class="register-page">
   <div class="form-container">
+
     <h1 class="mt-5 mb-4">Register</h1>
-    <form action="/register" method="POST" class="mt-3">
+
-      <div class="mb-3">
+    <!--- START OF FORM --->
+    <form action="/register" method="POST" class="mt-3"> <!-- Specify API route to DB -->
+    <!-- app.post('register') is found in index.js -->
+
+      <div class="mb-3" id="username-form">
         <label for="username" class="form-label">Username:</label>
         <input type="text" class="form-control" id="usernameInput" name="username" required>
       </div>
-      <div class="mb-3">
+
+      <div class="mb-3" id="password-form">
         <label for="password" class="form-label">Password:</label>
         <input type="password" class="form-control" id="passwordInput" name="password" required>
       </div>
-      <div class="dropdowns">
+
+      <div class="dropdowns" id="dropdowns-container">
+
         <div>
           <label class="form-label">Preferred League :</label><br>
           <select id="league_dropdown">
@@ -22,14 +30,20 @@
             <option>Brasilerao</option>
           </select>
         </div>
+
         <div>
           <label class="form-label">Favorite Team   :</label><br>
           <select id="team_dropdown">
           </select>
         </div>
+
       </div>
       <button type="submit" class="btn btn-primary">Submit</button>
+
     </form>
+    <!--- END OF FORM --->
+
     <p class="mt-3">Already have an account? <a href="/login">Login</a></p>
+
   </div>
 </div>

ProjectSourceCode/src/views/partials/footer.hbs

@@ -4,7 +4,7 @@
         </p>
 
         <!-- Registration Page Scripts -->
-        <script src="js/registration/selectFunctions.js"></script>
+        <script src="js/registration/league-and-team-select.js"></script>
 
         <!-- Navigation Bar Scripts -->
         <script src="js/navigation-bar/navigation-bar-follow.js"></script>