From 60f90ea2b155503bb2124ce1a4a1d314130b43c4 Mon Sep 17 00:00:00 2001
From: juchang Lee <dlwnckd0306@gmail.com>
Date: Thu, 28 Dec 2023 10:44:31 +0900
Subject: [PATCH] folder updated
---
JS/.DS_Store | Bin 6148 -> 6148 bytes
JS/MOMENTUM/app.js | 19 -------------------
JS/MOMENTUM/{ => css}/style.css | 0
JS/MOMENTUM/index.html | 3 +--
JS/MOMENTUM/js/greetings.js | 30 ++++++++++++++++++++++++++++++
5 files changed, 31 insertions(+), 21 deletions(-)
delete mode 100644 JS/MOMENTUM/app.js
rename JS/MOMENTUM/{ => css}/style.css (100%)
create mode 100644 JS/MOMENTUM/js/greetings.js
diff --git a/JS/.DS_Store b/JS/.DS_Store
index a10cbf04e1a822c75a63bf7982ae3dbfca390c92..1e8b9d044eb1d7782b5834a2fd0d7dfd66e88a8e 100644
GIT binary patch
delta 300
zcmZoMXfc=|#>B`mu~2NHo}wrd0|Nsi1A_nqgC9c(Lnwo9Qh9N~#Er`*8;G#fb1?Wa
z_%rx2xFSm?<>V(ZFfi;$D#*z!E-^5;#>m9X!pg?Z!Op?W5gVM5UmjeNSW;T-lvorE
z;)Uer=On?{iAiCZspatkBF_1FC5f4NsYM_q!I>$kNr^=<;hA|U`Q=XerFkjE(ZLyE
z`Q=a<4o(ivcmav(Y9liP9R*_(qgow>YD*&n9R(9(v)Wot4pC)&>!A4ToZP(pE(S1Q
zWCT+T47^YpMs;uOQD)oB&cV;Y#K^I6<9FuC{35zMAX$)(1_lO(%|0SKm?t){001G1
BOLPDL
delta 88
zcmZoMXfc=|#>CJzu~2NHo}wrt0|Nsi1A_nqgC9c(Lnwo9S#VL_#6opO#?4O{mDx5c
rFhwwKX6NANU}9+7EXeeoc{0C<E+<IW0R{#JhRHTO(wk#MmM{YVV{{Ws
diff --git a/JS/MOMENTUM/app.js b/JS/MOMENTUM/app.js
deleted file mode 100644
index 6067506..0000000
--- a/JS/MOMENTUM/app.js
+++ /dev/null
@@ -1,19 +0,0 @@
-const loginForm = document.querySelector("#login-form");
-const loginInput = document.querySelector("#login-form input");
-const greeting = document.querySelector("#greeting");
-function onLoginSubmit(event) {
- event.preventDefault();
- loginForm.classList.add("hidden");
- const username = loginInput.value;
- console.log(username);
-}
-
-function handleLinkClick(event) {
- event.preventDefault();
- const username = loginInput.value;
- loginForm.classList.add("hidden");
- greeting.innerText = "Hello" + username;
-}
-
-loginForm.addEventListener("submit", onLoginSubmit);
-link.addEventListener("click", handleLinkClick);
\ No newline at end of file
diff --git a/JS/MOMENTUM/style.css b/JS/MOMENTUM/css/style.css
similarity index 100%
rename from JS/MOMENTUM/style.css
rename to JS/MOMENTUM/css/style.css
diff --git a/JS/MOMENTUM/index.html b/JS/MOMENTUM/index.html
index 2af221f..5dda2c1 100644
--- a/JS/MOMENTUM/index.html
+++ b/JS/MOMENTUM/index.html
@@ -7,7 +7,7 @@
<title>Momentum App</title>
</head>
<body>
- <form id="login-form>
+ <form class="hidden" id="login-form">
<input
required
maxlength="15"
@@ -17,7 +17,6 @@
<input type="submit" value="Log In" />
</form>
<h1 id="greeting" class="hidden"></h1>
- <a href="https://nomadcoders.co">Go to courses</a>
<script src="app.js"></script>
</body>
</html>
\ No newline at end of file
diff --git a/JS/MOMENTUM/js/greetings.js b/JS/MOMENTUM/js/greetings.js
new file mode 100644
index 0000000..576cec0
--- /dev/null
+++ b/JS/MOMENTUM/js/greetings.js
@@ -0,0 +1,30 @@
+const loginForm = document.querySelector("#login-form");
+const loginInput = document.querySelector("#login-form input");
+const greeting = document.querySelector("#greeting");
+
+const HIDDEN_CLASSNAME = "hidden";
+const USERNAME_KEY = "username";
+
+function onLoginSubmit(event) {
+ event.preventDefault();
+ loginForm.classList.add(HIDDEN_CLASSNAME);
+ const username = loginInput.value;
+ localStorage.setItem(USERNAME_KEY, username);
+ paintGreetings();
+}
+
+function paintGreetings() {
+ const username = localStorage.getItem(USERNAME_KEY);
+ greeting.innerText = `Hello ${username}`;
+ greeting.classList.remove(HIDDEN_CLASSNAME);
+}
+
+const savedUsername = localStorage.getItem(USERNAME_KEY);
+
+if(savedUsername === null){
+ loginForm.classList.remove(HIDDEN_CLASSNAME);
+ loginForm.addEventListener("submit", onLoginSubmit);
+}
+else{
+ paintGreetings();
+}
\ No newline at end of file
--
GitLab