Merge pull request #3 from crooks-s/fix/add-handle-click

add handleOnClick function to close overlay
treehouse · Apr 18, 2024 · 171b178 · 171b178
2 parents be4d009 + fc47753
commit 171b178
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/app.js b/app.js
@@ -1,6 +1,14 @@
 const overlay = document.getElementById("overlay");
 const login = document.getElementById("login");
+const overlayCloseBtn = document.querySelector(".group p:last-of-type");
 
-login.addEventListener("click", () => {
-  overlay.style.display = "grid";
-});
+function handleOnClick(event) {
+  if (event.target === login) {
+    overlay.style.display = "grid";
+  } else if (event.target === overlayCloseBtn) {
+    overlay.style.display = "none";
+  }
+}
+
+login.addEventListener("click", handleOnClick);
+overlay.addEventListener("click", handleOnClick);