fixed: issue developer-job-simulation#3, developer-job-simulation#4 and

developer-job-simulation#5
antono91 · Jun 27, 2023 · 52e38d0 · 52e38d0
1 parent 85dd9f4
commit 52e38d0
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git 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
@@ -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;