diff --git a/src/index.html b/src/index.html index 04bd19e..5f34758 100644 --- a/src/index.html +++ b/src/index.html @@ -11,7 +11,7 @@ - + diff --git a/src/script.js b/src/script.js index 529f585..787c6a1 100644 --- a/src/script.js +++ b/src/script.js @@ -25,11 +25,24 @@ addEventListener("submit", (event) => { let email = document.getElementById("email").value; + userObject = usersTable.find(element => element["username"] == email) + + if (userObject){ + renderEmailTakenError(); + } else if(email == "") { + renderEmailEmptyError(); + } else { + renderSuccess(); + usersTable.push({username: email}) + } + // TODO: Show Correct Status Messages on Signup Form // 1. successful signup // 2. empty email // 3. taken email // 4. repeat email + + }); let toggleNav = () => { diff --git a/src/styles.css b/src/styles.css index 2cbb72e..763c55a 100644 --- a/src/styles.css +++ b/src/styles.css @@ -669,7 +669,8 @@ form > span { #jumbo-image { max-height: 20rem; - /* TODO: Invert banner colors using CSS */ + /* TODO: Invert banner colors using CSS done */ + filter: invert(1); } @media (max-width: 600px) { @@ -876,8 +877,8 @@ form > span { #challenge-grid { display: grid; - /* TODO: Fix Issue, Tiles Need to be 2x2 Grid. Change only grid-template-columns */ - grid-template-columns: none; + /* TODO: Fix Issue, Tiles Need to be 2x2 Grid. Change only grid-template-columns done*/ + grid-template-columns: 50% 50%; grid-auto-rows: 10rem; gap: 1rem; padding-top: 2rem;