From cc63a8f6bee1c4055763cff0c3c2739408d97a66 Mon Sep 17 00:00:00 2001 From: Daniel Abella Date: Tue, 19 Dec 2023 17:23:45 -0500 Subject: [PATCH 01/12] js quiz --- src/index.html | 16 ++++++++++------ src/script.js | 21 ++++++++++++++++++++- 2 files changed, 30 insertions(+), 7 deletions(-) diff --git a/src/index.html b/src/index.html index e7c4417..a9e2dcf 100644 --- a/src/index.html +++ b/src/index.html @@ -4,21 +4,25 @@ JobSimulator.dev -
- - + + + - + + - - + + + Show Password +
+ diff --git a/src/script.js b/src/script.js index 4e3be16..c398a3a 100644 --- a/src/script.js +++ b/src/script.js @@ -15,6 +15,16 @@ let resetMessage = () => { document.getElementById("error-message").hidden = true; }; +document.getElementById("show-password").addEventListener("change", function () { + var password = document.getElementById("password"); + + if (this.checked) { + password.type = "text"; + } else { + password.type = "password"; + } +}); + addEventListener("submit", (event) => { event.preventDefault(); resetMessage(); @@ -25,9 +35,18 @@ addEventListener("submit", (event) => { console.log(`email submitted: ${email}`); console.log(`password submitted: ${password}`); /* - TODO: + done: 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() */ + const user = usersTable.find( + (user) => user.username === email && user.password === password + ); + + if (user) { + renderSuccess(); + } else { + renderError(); + } }); From c92b0d1821a058928fbe04ac7b54958355f6e7e4 Mon Sep 17 00:00:00 2001 From: Daniel Abella Date: Tue, 19 Dec 2023 18:30:35 -0500 Subject: [PATCH 02/12] final --- src/index.html | 7 ++++++- src/styles.css | 14 ++++++++------ 2 files changed, 14 insertions(+), 7 deletions(-) diff --git a/src/index.html b/src/index.html index a9e2dcf..243dc64 100644 --- a/src/index.html +++ b/src/index.html @@ -20,7 +20,12 @@ - Show Password + +
+ + +
+ diff --git a/src/styles.css b/src/styles.css index 25969e5..bb5d10f 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1,8 +1,10 @@ body { height: 100vh; display: flex; - /* TODO: Adjust CSS so that form is centered on page */ - align-items: center; + justify-content: center; /* Center the form horizontally */ + align-items: center; /* Center the form vertically */ + margin: 0; /* Remove default body margin */ + } form { @@ -23,14 +25,14 @@ label { padding: 1rem 0 0 0; } -input { - width: 100%; -} - button { margin: 1rem 0 0 0; } +.checkbox-container{ + padding: 1rem 0 0 0; + text-align: center; +} #success-message { color: green; } From 887793adafd64e0d3ed389fc60db5cc7518ccdee Mon Sep 17 00:00:00 2001 From: Daniel Abella Date: Tue, 19 Dec 2023 18:33:28 -0500 Subject: [PATCH 03/12] update script.js --- src/script.js | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/src/script.js b/src/script.js index c398a3a..c452bd1 100644 --- a/src/script.js +++ b/src/script.js @@ -25,6 +25,18 @@ document.getElementById("show-password").addEventListener("change", function () } }); +document.addEventListener("DOMContentLoaded", function() { + // Your JavaScript code that interacts with the DOM goes here + + // For example, you can access the 'embed' element here + var embedElement = document.querySelector("embed"); + if (embedElement) { + var src = embedElement.getAttribute("src"); + console.log("Embed element src:", src); + } +}); + + addEventListener("submit", (event) => { event.preventDefault(); resetMessage(); @@ -50,3 +62,4 @@ addEventListener("submit", (event) => { renderError(); } }); + From a2a430ef89e434fc5f6be8b25f3ecb599c7091b0 Mon Sep 17 00:00:00 2001 From: Daniel Abella Date: Tue, 19 Dec 2023 18:36:10 -0500 Subject: [PATCH 04/12] update index.html --- src/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/index.html b/src/index.html index 243dc64..4540783 100644 --- a/src/index.html +++ b/src/index.html @@ -7,8 +7,8 @@
- - + + From 9c8d07744d58dd55b7806a1d36b641f0c784bcfa Mon Sep 17 00:00:00 2001 From: Daniel Abella Date: Tue, 19 Dec 2023 18:37:10 -0500 Subject: [PATCH 05/12] Update script.js --- src/script.js | 12 ------------ 1 file changed, 12 deletions(-) diff --git a/src/script.js b/src/script.js index c452bd1..fc45568 100644 --- a/src/script.js +++ b/src/script.js @@ -25,18 +25,6 @@ document.getElementById("show-password").addEventListener("change", function () } }); -document.addEventListener("DOMContentLoaded", function() { - // Your JavaScript code that interacts with the DOM goes here - - // For example, you can access the 'embed' element here - var embedElement = document.querySelector("embed"); - if (embedElement) { - var src = embedElement.getAttribute("src"); - console.log("Embed element src:", src); - } -}); - - addEventListener("submit", (event) => { event.preventDefault(); resetMessage(); From adac8b187978b5b46c4ece7963fcef3fac7dfd26 Mon Sep 17 00:00:00 2001 From: Daniel Abella Date: Tue, 19 Dec 2023 18:42:19 -0500 Subject: [PATCH 06/12] Update script.js --- src/script.js | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/src/script.js b/src/script.js index fc45568..c452bd1 100644 --- a/src/script.js +++ b/src/script.js @@ -25,6 +25,18 @@ document.getElementById("show-password").addEventListener("change", function () } }); +document.addEventListener("DOMContentLoaded", function() { + // Your JavaScript code that interacts with the DOM goes here + + // For example, you can access the 'embed' element here + var embedElement = document.querySelector("embed"); + if (embedElement) { + var src = embedElement.getAttribute("src"); + console.log("Embed element src:", src); + } +}); + + addEventListener("submit", (event) => { event.preventDefault(); resetMessage(); From c904ef4eaba96b1d5ff5c335e93951fe0595c2fa Mon Sep 17 00:00:00 2001 From: Daniel Abella Date: Tue, 19 Dec 2023 18:44:51 -0500 Subject: [PATCH 07/12] Update script.js --- src/script.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/script.js b/src/script.js index c452bd1..fe349e5 100644 --- a/src/script.js +++ b/src/script.js @@ -28,11 +28,13 @@ document.getElementById("show-password").addEventListener("change", function () document.addEventListener("DOMContentLoaded", function() { // Your JavaScript code that interacts with the DOM goes here - // For example, you can access the 'embed' element here + // Check if the 'embed' element exists before accessing its 'src' attribute var embedElement = document.querySelector("embed"); if (embedElement) { var src = embedElement.getAttribute("src"); - console.log("Embed element src:", src); + if (src) { + console.log("Embed element src:", src); + } } }); From a926c5847275b39e5a722d2b80555f57766d6dcd Mon Sep 17 00:00:00 2001 From: Daniel Abella Date: Tue, 19 Dec 2023 18:46:19 -0500 Subject: [PATCH 08/12] Update script.js --- src/script.js | 14 -------------- 1 file changed, 14 deletions(-) diff --git a/src/script.js b/src/script.js index fe349e5..fc45568 100644 --- a/src/script.js +++ b/src/script.js @@ -25,20 +25,6 @@ document.getElementById("show-password").addEventListener("change", function () } }); -document.addEventListener("DOMContentLoaded", function() { - // Your JavaScript code that interacts with the DOM goes here - - // Check if the 'embed' element exists before accessing its 'src' attribute - var embedElement = document.querySelector("embed"); - if (embedElement) { - var src = embedElement.getAttribute("src"); - if (src) { - console.log("Embed element src:", src); - } - } -}); - - addEventListener("submit", (event) => { event.preventDefault(); resetMessage(); From 2b913861cf9222b207c42270d3c5728e26a4ec6f Mon Sep 17 00:00:00 2001 From: Daniel Abella Date: Tue, 19 Dec 2023 18:48:49 -0500 Subject: [PATCH 09/12] update index.html --- src/index.html | 2 +- src/script.js | 14 ++++++++++++++ 2 files changed, 15 insertions(+), 1 deletion(-) diff --git a/src/index.html b/src/index.html index 4540783..3d3f6e6 100644 --- a/src/index.html +++ b/src/index.html @@ -8,7 +8,7 @@ - + diff --git a/src/script.js b/src/script.js index fc45568..fe349e5 100644 --- a/src/script.js +++ b/src/script.js @@ -25,6 +25,20 @@ document.getElementById("show-password").addEventListener("change", function () } }); +document.addEventListener("DOMContentLoaded", function() { + // Your JavaScript code that interacts with the DOM goes here + + // Check if the 'embed' element exists before accessing its 'src' attribute + var embedElement = document.querySelector("embed"); + if (embedElement) { + var src = embedElement.getAttribute("src"); + if (src) { + console.log("Embed element src:", src); + } + } +}); + + addEventListener("submit", (event) => { event.preventDefault(); resetMessage(); From 90e8d52bb680dfe6c82bc069835a9f07c541390b Mon Sep 17 00:00:00 2001 From: Daniel Abella Date: Tue, 19 Dec 2023 18:52:02 -0500 Subject: [PATCH 10/12] update --- src/index.html | 2 +- src/script.js | 13 ------------- 2 files changed, 1 insertion(+), 14 deletions(-) diff --git a/src/index.html b/src/index.html index 3d3f6e6..1913d61 100644 --- a/src/index.html +++ b/src/index.html @@ -8,7 +8,7 @@ - + diff --git a/src/script.js b/src/script.js index fe349e5..9b0570d 100644 --- a/src/script.js +++ b/src/script.js @@ -25,19 +25,6 @@ document.getElementById("show-password").addEventListener("change", function () } }); -document.addEventListener("DOMContentLoaded", function() { - // Your JavaScript code that interacts with the DOM goes here - - // Check if the 'embed' element exists before accessing its 'src' attribute - var embedElement = document.querySelector("embed"); - if (embedElement) { - var src = embedElement.getAttribute("src"); - if (src) { - console.log("Embed element src:", src); - } - } -}); - addEventListener("submit", (event) => { event.preventDefault(); From 070f10d3c0718392968cad58fef4787100db3903 Mon Sep 17 00:00:00 2001 From: Daniel Abella Date: Tue, 19 Dec 2023 18:53:01 -0500 Subject: [PATCH 11/12] Update script.js --- src/script.js | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/src/script.js b/src/script.js index 9b0570d..fe349e5 100644 --- a/src/script.js +++ b/src/script.js @@ -25,6 +25,19 @@ document.getElementById("show-password").addEventListener("change", function () } }); +document.addEventListener("DOMContentLoaded", function() { + // Your JavaScript code that interacts with the DOM goes here + + // Check if the 'embed' element exists before accessing its 'src' attribute + var embedElement = document.querySelector("embed"); + if (embedElement) { + var src = embedElement.getAttribute("src"); + if (src) { + console.log("Embed element src:", src); + } + } +}); + addEventListener("submit", (event) => { event.preventDefault(); From 9acf0a36925d2da1fb2daf4930316b9df7a0730a Mon Sep 17 00:00:00 2001 From: Daniel Abella Date: Tue, 19 Dec 2023 19:01:00 -0500 Subject: [PATCH 12/12] Update script.js --- src/script.js | 14 -------------- 1 file changed, 14 deletions(-) diff --git a/src/script.js b/src/script.js index fe349e5..fc45568 100644 --- a/src/script.js +++ b/src/script.js @@ -25,20 +25,6 @@ document.getElementById("show-password").addEventListener("change", function () } }); -document.addEventListener("DOMContentLoaded", function() { - // Your JavaScript code that interacts with the DOM goes here - - // Check if the 'embed' element exists before accessing its 'src' attribute - var embedElement = document.querySelector("embed"); - if (embedElement) { - var src = embedElement.getAttribute("src"); - if (src) { - console.log("Embed element src:", src); - } - } -}); - - addEventListener("submit", (event) => { event.preventDefault(); resetMessage();