Skip to content
Snippets Groups Projects
Commit 60f90ea2 authored by juchang Lee's avatar juchang Lee
Browse files

folder updated

parent 68c21566
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
JS/.DS_Store
+ 0
− 0
View file @ 60f90ea2
No preview for this file type
JS/MOMENTUM/style.css → JS/MOMENTUM/css/style.css
+ 0
− 0
View file @ 60f90ea2
File moved
JS/MOMENTUM/index.html
+ 1
− 2
View file @ 60f90ea2
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<title>Momentum App</title> <title>Momentum App</title>
</head> </head>
<body> <body>
<form id="login-form> <form class="hidden" id="login-form">
<input <input
required required
maxlength="15" maxlength="15"
...@@ -17,7 +17,6 @@ ...@@ -17,7 +17,6 @@
<input type="submit" value="Log In" /> <input type="submit" value="Log In" />
</form> </form>
<h1 id="greeting" class="hidden"></h1> <h1 id="greeting" class="hidden"></h1>
<a href="https://nomadcoders.co">Go to courses</a>
<script src="app.js"></script> <script src="app.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
JS/MOMENTUM/app.js → JS/MOMENTUM/js/greetings.js
+ 30
− 0
View file @ 60f90ea2
const loginForm = document.querySelector("#login-form"); const loginForm = document.querySelector("#login-form");
const loginInput = document.querySelector("#login-form input"); const loginInput = document.querySelector("#login-form input");
const greeting = document.querySelector("#greeting"); const greeting = document.querySelector("#greeting");
const HIDDEN_CLASSNAME = "hidden";
const USERNAME_KEY = "username";
function onLoginSubmit(event) { function onLoginSubmit(event) {
event.preventDefault(); event.preventDefault();
loginForm.classList.add("hidden"); loginForm.classList.add(HIDDEN_CLASSNAME);
const username = loginInput.value; const username = loginInput.value;
console.log(username); localStorage.setItem(USERNAME_KEY, username);
paintGreetings();
} }
function handleLinkClick(event) { function paintGreetings() {
event.preventDefault(); const username = localStorage.getItem(USERNAME_KEY);
const username = loginInput.value; greeting.innerText = `Hello ${username}`;
loginForm.classList.add("hidden"); greeting.classList.remove(HIDDEN_CLASSNAME);
greeting.innerText = "Hello" + username;
} }
const savedUsername = localStorage.getItem(USERNAME_KEY);
if(savedUsername === null){
loginForm.classList.remove(HIDDEN_CLASSNAME);
loginForm.addEventListener("submit", onLoginSubmit); loginForm.addEventListener("submit", onLoginSubmit);
link.addEventListener("click", handleLinkClick); }
\ No newline at end of file else{
paintGreetings();
}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

feedback to tooltime@ajou.ac.kr or hwan@ajou.ac.kr