diff --git a/src/index.html b/src/index.html
index e7c4417..09b0b08 100644
--- a/src/index.html
+++ b/src/index.html
@@ -9,15 +9,15 @@
diff --git a/src/script.js b/src/script.js
index 4e3be16..f237f05 100644
--- a/src/script.js
+++ b/src/script.js
@@ -15,6 +15,7 @@ let resetMessage = () => {
document.getElementById("error-message").hidden = true;
};
+
addEventListener("submit", (event) => {
event.preventDefault();
resetMessage();
@@ -24,10 +25,16 @@ addEventListener("submit", (event) => {
console.log(`email submitted: ${email}`);
console.log(`password submitted: ${password}`);
- /*
- 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()
- */
+
+ usersTable.forEach((user) => {
+
+ if(user.username === email || user.password === password) {
+ renderSuccess()//render success message
+ }else {
+ document.getElementById("success-message").hidden = true;//hide success message
+ renderError()//render error message
+ }
+ })
+
+
});
diff --git a/src/styles.css b/src/styles.css
index 25969e5..6d006f0 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -3,6 +3,7 @@ body {
display: flex;
/* TODO: Adjust CSS so that form is centered on page */
align-items: center;
+ justify-content: center;
}
form {