diff --git a/src/index.html b/src/index.html index e7c4417..672e976 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..2403e94 100644 --- a/src/script.js +++ b/src/script.js @@ -19,15 +19,29 @@ addEventListener("submit", (event) => { event.preventDefault(); resetMessage(); - let email = document.getElementById("email").value; - let password = document.getElementById("password").value; + let emailInput = document.getElementById("email").value; + let passwordInput = document.getElementById("password").value; - console.log(`email submitted: ${email}`); - console.log(`password submitted: ${password}`); + console.log(`email submitted: ${emailInput}`); + console.log(`password submitted: ${passwordInput}`); /* 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() */ + + for(const {username, password} of usersTable) + { + if(emailInput === username && passwordInput === password) + { + renderSuccess() + break + } + else + { + renderError() + break + } + } }); diff --git a/src/styles.css b/src/styles.css index 25969e5..22a4fac 100644 --- a/src/styles.css +++ b/src/styles.css @@ -2,6 +2,7 @@ body { height: 100vh; display: flex; /* TODO: Adjust CSS so that form is centered on page */ + justify-content: center; align-items: center; }