1commit

CoderMuppet · CoderMuppet · commit 96e9aa5e4962 · 2025-04-15T12:16:48.000+03:00
diff --git a/src/index.html b/src/index.html
@@ -8,16 +8,16 @@
   </head>
   <body>
     <form>
-      <!-- TODO: Fix Logo Rendering Issue-->
-      <img src="/logo.png" />
+      <!-- Done TODO: Fix Logo Rendering Issue-->
+      <img src="logo.svg" />
       <span id="success-message" hidden="true">Success!</span>
       <span id="error-message" hidden="true">Invalid Credentials</span>
       <label for="email">Email</label>
-      <!-- TODO: Add HTML Email Validation to Email Input -->
-      <input id="email" type="text" placeholder="Enter your email" />
+      <!-- Done TODO: Add HTML Email Validation to Email Input -->
+      <input id="email" type="email" placeholder="Enter your email" />
       <label for="password">Password</label>
-      <!-- TODO: Update HTML Password Input to Hide Password Visibility -->
-      <input id="password" type="text" placeholder="Enter your password" />
+      <!-- Done TODO: Update HTML Password Input to Hide Password Visibility -->
+      <input id="password" type="password" placeholder="Enter your password" />
       <button>Submit</button>
     </form>
   </body>
diff --git a/src/script.js b/src/script.js
@@ -25,9 +25,16 @@ addEventListener("submit", (event) => {
   console.log(`email submitted: ${email}`);
   console.log(`password submitted: ${password}`);
   /*
-    TODO:
+    Done TODO:
     1. Check if the email and password are valid (using the usersTable)
     2. If they are, call renderSuccess()
     3. If they are not, call renderError()
    */
+
+  if (usersTable.some((user) => user.username === email && user.password === password)) {
+    renderSuccess();
+  }
+  else {
+    renderError();
+  }
 });
diff --git a/src/styles.css b/src/styles.css
@@ -1,6 +1,7 @@
 body {
   height: 100vh;
   display: flex;
+  justify-content: center;
   /* TODO: Adjust CSS so that form is centered on page */
   align-items: center;
 }

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`body {`
`2`	`2`	`height: 100vh;`
`3`	`3`	`display: flex;`
	`4`	`+ justify-content: center;`
`4`	`5`	`/* TODO: Adjust CSS so that form is centered on page */`
`5`	`6`	`align-items: center;`
`6`	`7`	`}`